UC知道关于DIV的几个迷惑的问题？
来源：百度知道 编辑：UC知道 时间：2024/05/16 02:44:40
1，div的margin属性是以谁为参考物的？body还是父容器
2，我在一个div里面放了3个div，分别是top，center，foot。然后我又把center分成3块左右2块长条型，高度也固定了，但是中间那块没有固定高度（这块里面也没有东西，就是一个扁扁的块），结果发现foot这块居然跑到了center的中间那块里面去了，foot和center不是平级的吗，它怎么会跑center里面去呢？
2，我在一个div里面放了3个div，分别是top，center，foot。然后我又把center分成3块左右2块长条型，高度也固定了，但是中间那块没有固定高度（这块里面也没有东西，就是一个扁扁的块），结果发现foot这块居然跑到了center的中间那块里面去了，foot和center不是平级的吗，它怎么会跑center里面去呢？
1. margin总是相对父容器
2. 这个要视具体情况了，你的center里是不是用了float，如果子元素使用了float，而最后又没clear的话，父div不会被撑开，而只会保持默认大小，表现就会呈现为之后的元素跑到中间去。再center层最后面加一个<div style="clear:both" />试试
div里面如果什么东西都没有的话，有些浏览器会把它直接屏蔽掉，所以你可以放个空格或者字符什么的再试试看。
另外float属性也会影响div的布局
第一个问题给你个图绝对明白（看下面）
第二个问题，我帮你写下这段代码，你看看
#top
{
margin:0 auto;
height:50px;
color:#ffffff
}
#center
{
margin:0 auto;
height:100px;
color:#effeff;
}
#center_left
{
float:left;
height:100px;
}
#center_mid
{
float:left;
}
#center_right
{
float:left;
}
#foot
{
margin:0 auto;
height:20px;
color:blue;
}
