DIV 脱离父DIV的问题
<divclass="wai"><divclass="tu"></div></div>___________________________.wai{width:1200...
<div class="wai"> <div class="tu"></div> </div>
___________________________
.wai {
width:1200px;
margin:15px auto;
background:#FFF;
border:#E2E6EA solid 1px;
}
.tu {
float:left;
width:235px;
height:340px;
background:#930;
}
________________________________________
WAI 是为了设个大的DIV 居中，里面放一些TU的DIV ，以前记得这样用没问题，现在子DIV就脱离父DIV了，请高手指教，或者让DIV居中的方法，谢谢！ 展开
___________________________
.wai {
width:1200px;
margin:15px auto;
background:#FFF;
border:#E2E6EA solid 1px;
}
.tu {
float:left;
width:235px;
height:340px;
background:#930;
}
________________________________________
WAI 是为了设个大的DIV 居中，里面放一些TU的DIV ，以前记得这样用没问题，现在子DIV就脱离父DIV了，请高手指教，或者让DIV居中的方法，谢谢！ 展开
展开全部
子标签如果浮动的话是会脱离文档流而不占用父标签空间的，试想一下，如果不占空间，父标签没设高度的话还会有东西来撑开父标签的大小吗？
而清浮动的方法有很多，如父标签加overflow:hidden或父标签也浮动，（清浮动方法还有很多，想了解可以继续追问。)
而我们又需要父标签也居中，显示只能用overflow:hidden.
而对于居中问题，如果设置浮动的话是没办法居中的，除非你使用margin或padding将内容手动撑中间，不过这样做的扩展性极其不好。
如果子标签没浮动的话，子标签只需要margin:0 atuo;即可居中。
详细代码如下：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.wai {
width:1200px;
margin:15px auto;
background:#FFF;
border:#E2E6EA solid 1px;
}
.tu {
width:235px;
height:340px;
background:#930;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="wai">
<div class="tu"></div>
</div>
</body>
</html>
如有不懂，请追问。
望采纳，谢谢。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
.wai{text-align:center; overflow:hidden;}
.tu{display:inline-block;}去掉float：left；
.tu{display:inline-block;}去掉float：left；
追问
让绿色的父DIV在网页中居中，让红色的子DIV 自动排列，左和上有1PX的margin，怎么写代码啊，谢谢了！父DIV 不设高度，因为子DIV的数量是随机的·
追答
.w{ width:1000px; margin:0 auto; overflow:hidden; zoom:1; background-color:#67cb33; padding-bottom:20px; }
.t{ width:225px; float:left; height:150px; margin-left:20px; _display:inline; background-color:#990002;}
这样写就可以了。不管你放几个t。w都能制动伸展；
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
