今天我嘗試學習html和css。但是當我嘗試在正文中進行 2 列布局時，我有一個問題，即使我之前在 css 部分中給出了此代碼，我也無法將其分成 2 部分
.leftcolumn {
float: left;
width: 75%;
}
.rightcolumn {
width: 25%;
float: left;
}
當我除錯這個 html 時發生的是右列保持在左邊，但沒有移動到右邊的頂部
我很困惑為什么會發生這樣的事情，即使我之前已經為每列提供了寬度值，如果您知道解決方案，請幫助我
uj5u.com熱心網友回復：
您可以添加更多 css ：
.leftcolumn {
float: left;
width: 75%;
height: 50px;
background-color: #ccc;
}
.rightcolumn {
width: 25%;
float: left;
background-color: #ff9600;
height: 50px;
}
例如這里：https ://codepen.io/phm-tun-v/pen/rNJojbZ
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/489523.html