DIV设置浮动后无法撑开外部DIV的解决办法
2016-11-30 23:45
351 查看
第一种:在外层DIV,也就是这里的DIV1的CSS里面加入以下CSS代码
overflow: auto;
这种方法都可以实现DIV2把DIV1撑开。不过这里建议大家使用第一种方法,要养成一个习惯,在浮动应用完后消除浮动,这样后面的DIV就不会继承这个浮动(就像在编程的时候,在打开数据库,操作完后,要养成个习惯在后面把数据库关闭)。也就是说浮动这个东西会被继承,除非消除这个浮动,才不会让后面接着的DIV受到继承。其实不仅是DIV,其他的像P等其他的容器都会有继承的效应,大家要养成一个习惯记得要消除浮动。
第二种: 在浮动元素结尾添加一个空的div:
第三种:爸爸跟着儿子一起浮动:
给父级div添加浮动
第四种:display:table:
Amaze ui 里am-g的用法
第五种:高端借鉴:
方法2跟4的升级版,不破坏结构
1.若内层div浮动的外层div也需要浮动。内层div用了float则其已经脱离了标准文档流,外层div不浮动则无法被内层浮动后脱离文档流的div撑起来。(通过外层div设置border颜色可以验证)当然,若你对外层div是否被撑起来没什么要求,也可以不予浮动。不浮动的外层div,可以用来控制其与其他临近非浮动元素的位置关系,如居中的margin:0 auto;等等。
2.多个div块通过float:left从左往右排开,则这几个div都要float:left浮动起来。
3.外层div浮动后紧跟着的不浮动对象(比如有一个div)要在其CSS中用clear:both清除浮动;否则该不浮动对象将钻到浮动div的下面。
相关文章推荐
- DIV设置浮动后无法撑开外部DIV的解决办法
- Html-Css-div标签嵌套浮动div标签时无法撑开外部div的解决
- css中子元素浮动,无法自动撑开父元素的解决办法
- div布局-子容器设置浮动对于父容器高度自适应产生影响的解决办法
- css中子元素浮动,无法自动撑开父元素的解决办法
- 子div设置浮动无法把父div撑开。
- css中子元素浮动,无法自动撑开父元素的解决办法
- 解决li设置浮动ul高度无法被撑开问题
- 当外部div没有设置高度 或者内部div float之后 边框 内外边距等不起作用的解决办法
- FF下文本无法撑开容器的高度解决办法
- IE6 Select元素无法被div等元素覆盖的bug解决办法【zz】
- IE6 Select元素无法被div等元素覆盖的bug解决办法
- vc无法设置断点的解决办法
- Windows 2003 无法设置密码解决办法
- 外部串口B加载后,会造成ActiveSync软件无法连接的解决办法
- 无法保存打印机设置,操作无法完成 打印机共享错误的解决办法
- vmware的linux装了jboss,外部无法访问,解决办法:关闭linux防火墙
- 无法解析的外部符号 _main解决办法(转)
- div中英文无法自动换行的解决办法
- IE6 Select元素无法被div等元素遮盖的的bug解决办法