设为首页收藏本站

PHPIN.NET

 找回密码
 立即注册
查看: 578|回复: 0

[新手入门] DIV左右浮动后父元素高度消失

[复制链接]

32

主题

34

帖子

359

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
359
发表于 2014-3-13 12:00:35 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
先看代码:
  1. <div style="background:#6592E1;">
  2. <div style="float:left; background:#E9CACA; width:300px; height:100px;">
  3. </div>
  4. <div style="float:right; background:#cccccc;  width:300px; height:100px;">
  5. </div>
  6. </div>
复制代码

当div子元素左右浮动时候,很奇怪,并没有看见最外面的div蓝色背景色。也就是高度消失了 并没有随着子元素变大。
解决办法:
定义css如下
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
最外面的div加 class="clearfix",那么就会随着子元素的高度而增加。不会导致错位等问题。

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|PHPIN.NET ( 冀ICP备00000001号 )|网站地图  

GMT+8, 2016-12-4 14:08

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表