我正在尝试用 DIV 一个接一个地创建一列，每个 DIV 分为 2 列..我已经设法做到了，但有些东西告诉我它不完全是语义......所以如果有人可以看看并告诉我如何更好地编码？
<body>
<div id="wrapper">
<div id="lt">
<div id="bl">
<p>column 1</p>
</div>
<div id="br">
<p>column 2</p>
</div>
<p><br> </p>
<div id="bl">
<p>column 1</p>
</div>
<div id="br">
<p>column 2</p>
</div>
</div>
<div id="rt">
<p>123</p>
</div>
</div>
</body>
@import url("reset.css");
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#000;
}
#wrapper {
margin: 0 auto;
width: 960px;
padding: 4px;
background-color: #999;
height: 600px;
}
#lt {
background: #33CCFF;
width: 400px;
float: left;
background-color: #333;
height: 600px;
}
#rt {
float: left;
background: #FFFFFF;
width: 560px;
}
#bl{
float:left;
width:120px;
height:120px;
background:#fff333;
}
#br{
float:left;
width:280px;
background:#e4e4e4;
height: 120px;
}