1.main_1盒子为什么加上border属性就出问题了?
2.是不是跟float属性有关?
3.如果在main_1容器下面再加上个“一行两列”的容器该怎么加?
下面的这个办法为什么不对?
#main_2{
width:auto;
height:300px;
margin:5px;
}
#left_2{
width:300px;
height:300px;
border:#999 2px solid;
float:left;
}
#right_2{
width:680px;
height:300px;
border:#999 2px solid;
float:right;
<body>
<div id="container">
<div id="head">head</div>
<div id="nav">nav</div>
<div id="main_1">
<div id="left_1">left_1 </div>
<div id="right_1">right_1</div>
</div>
<div id=main_2>
<div id="left_2">left_2 </div>
<div id="right_2">right_2</div>
</div>
<div id="bottom"> bottom</div>
</div>
</body>
初学css,忘众前辈可以解惑