我有以下 HTML 代码：<!DOCTYPE html><html><head> <title>test</title> <style> .left { width: 30px; background-color: green; } .right { background-color: red; width: 30px; } </style></head><body> <div class="left">Text</div> <div class="right">Text</div></body></html>红色 div 出现在绿色 div 的正下方，但我想让红色 div 直接位于绿色 div 的右侧 - 我应该怎么做？添加 float: right css 属性不起作用，因为它会转到页面的另一侧。
1 回答
守候你守候我
TA贡献1802条经验 获得超10个赞
.left {
float: left;
width: 30px;
background-color: green;
}
.right {
float: right;
background-color: red;
width: 30px;
}
<div class="left">Text</div>
<div class="right">Text</div>
你必须使用浮动来实现这一点
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style>
.left {
float: left;
width: 30px;
background-color: green;
}
.right {
float: right;
background-color: red;
width: 30px;
}
</style>
</head>
<body>
<div class="left">Text</div>
<div class="right">Text</div>
</body>
</html>
- 1 回答
- 0 关注
- 102 浏览
添加回答
举报
0/150
提交
取消