css中子元素浮动,无法自动撑开父元素的解决办法
2015-08-27 11:31
585 查看
<div> <div style="float:left;">left</div> <div style="float:right;">right</div> </div>
如上代码所示,父div的高度并不会随着两个子div的增高而增高。解决办法:
给父div加一个 overflow:hidden 属性即可。如下:
<div style="overflow:hidden;"> <div style="float:left;">left</div> <div style="float:right;">right</div> </div>
相关文章推荐
- 常用CSS书写技巧和CSS HACK技巧
- css网页自适应-2
- css网页自适应-1
- CSS强制英文、中文换行与不换行 强制英文换行-样式在线生成-样式在线调试
- 如何快速的合成各种样式的图片
- 纯css下拉菜单的制作
- PS学习笔记------图层样式
- CSS3属性transform详解之(旋转:rotate,缩放:scale,倾斜:skew,移动:translate)
- html+css如何保证页面一直处于居中
- CSS性能优化
- CSS3 icon font完全指南(CSS3 font 会取代icon图标)
- css图片响应式+垂直水平居中2
- Btn 样式
- Btn 样式
- QT表单样式规则
- CSS:超出省略三部曲
- 一个简陋的 CSS 样式
- Qt浅谈之二十二Qt样式表
- (转)Qt中如何使用样式表QPalette以及相关注意事项
- CSS3实现开门动画