我有以下 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 出現(xiàn)在綠色 div 的正下方，但我想讓紅色 div 直接位于綠色 div 的右側(cè) - 我應(yīng)該怎么做？添加 float: right css 屬性不起作用，因?yàn)樗鼤?huì)轉(zhuǎn)到頁(yè)面的另一側(cè)。
1 回答
守候你守候我
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超10個(gè)贊
.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>
你必須使用浮動(dòng)來實(shí)現(xiàn)這一點(diǎn)
<!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 關(guān)注
- 178 瀏覽
添加回答
舉報(bào)
0/150
提交
取消