子标签DIV使用浮动布局(float),父标签DIV如何自适应高度
2008-09-10 14:08
609 查看
HTML代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style type="text/css">
#parent-div {
border: 2px solid red;
}
#child-div {
float: left;
width: 200px;
height: 70px;
border: 2px solid blue;
}
.clear-float {
clear: both;
}
</style>
</head>
<body>
<div id="parent-div">
<div id="child-div"></div>
<div id="child-div"></div>
<div class="clear-float"></div>
</div>
</body>
</html>
其中,<div class="clear-float"></div>标签取消前两个子标签的浮动效果,则父标签parent-div能够感应到子标签的高度。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style type="text/css">
#parent-div {
border: 2px solid red;
}
#child-div {
float: left;
width: 200px;
height: 70px;
border: 2px solid blue;
}
.clear-float {
clear: both;
}
</style>
</head>
<body>
<div id="parent-div">
<div id="child-div"></div>
<div id="child-div"></div>
<div class="clear-float"></div>
</div>
</body>
</html>
其中,<div class="clear-float"></div>标签取消前两个子标签的浮动效果,则父标签parent-div能够感应到子标签的高度。
相关文章推荐
- 解决子级对象使用css float浮动 而父级div不能自适应高度,不能被父级内容撑开解决方法,父级div没有高度解决方法
- 解决子级用css float浮动 而父级div没高度不能自适应高度
- 解决子级用css float浮动 而父级div没高度不能自适应高度
- div布局-子容器设置浮动对于父容器高度自适应产生影响的解决办法
- 解决子级用css float浮动 而父级div没高度不能自适应高度 - DIVCSS
- 子元素用了float浮动之后,如何撑开父元素,让父元素div自动适应高度的问题
- css多个div浮动float高度自适应(自增)
- 子级用css float浮动 而父级div没高度不能自适应高度
- 解决子级用css float浮动 而父级div没高度不能自适应高度
- 解决子级用css float浮动 而父级div没高度不能自适应高度
- 子div用了float浮动之后,如何撑开父元素,让父元素div自动适应高度
- 解决子级用css float浮动 而父级div没高度不能自适应高度(转)
- 关于ie6中绝对定位或浮动的div中既有向左float也有向右float时候如何让外层div自适应宽度的解决方案--
- 解决子级用css float浮动 而父级div没高度不能自适应高度
- 解决子级用css float浮动 而父级div没高度不能自适应高度
- 解决子级用CSS float浮动 而父级div没高度不能自适应高度
- 子div用了float浮动之后,如何撑开父元素,让父元素div自动适应高度
- 解决子级用css float浮动 而父级div没高度不能自适应高度
- <转载>如何解决子级用float浮动父级div高度不能自适应的问题
- 解决子级用css float浮动 而父级div没高度不能自适应高度