Question

div多层嵌套跑到外面了

div多层嵌套跑到外面了
具体问题：
我想在content这个div中嵌套4个子div，可是在IE中预览发现，只要d1在大的content中，其他三个都在content这个div的下面呢，看上去根本没有套进来的样子，请问这是怎么回事？我用的DW编辑器，浏览器是IE。
=====================这是HTML部分的======================
<div id="content">
<div class="inCon">d4</div>
<div class="inCon">d3</div>
</div>
<div class="inCon">d2</div>
</div>
<div class="inCon">d1</div>
</div>
</div>
==================下面是CSS代码========================
#content {
border:1px solid #f17a04;
width:900px;
height:900px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
}

.inCon {
color:#f17a04;
text-align:left;
width:890px;
height:150px;
margin-left:0px;
margin-right:0px;
margin-top:auto;
margin-bottom:auto;
padding: 5px;
}
======================================

Answer 1

眼睛睁大点,一看你的嵌套有问题;多了三个div结束标签
正确嵌套是:

<div id="content">
<div class="inCon">d4</div>
<div class="inCon">d3</div>
<div class="inCon">d2</div>
<div class="inCon">d1</div>
</div>