DIV设置浮动后无法撑开外部DIV的解决办法
2011-05-02 00:28
295 查看
当DIV1里面嵌套有一个DIV2,当DIV2设置了浮动,那么DIV1是无法被撑开的,也就是说DIV2在这里相当于浮在了页面上方,跟DIV1不在同一个层面,导致了DIV2无法把DIV1给撑开,这是一个老生常谈的问题,也是困扰很多刚接触DIV+CSS的朋友的一个问题。
先来看看这个问题的实际效果
这里本来DIV1是套在了DIV2的外面的,如果是使用表格做的话,那么DIV1肯定被撑开了,效果应该是如下所示
那如何解决这个浮动了之后无法把容器撑开的局面呢?解决的方法这里介绍2仲。
第一种:在浮动结束的容器后面加上这段代码
<div style=”clear:both;”></div>
意思是清除浮动。
第二种:在外层DIV,也就是这里的DIV1的CSS里面加入以下CSS代码
overflow: auto;
这2种方法都可以实现DIV2把DIV1撑开。不过这里建议大家使用第一种方法,要养成一个习惯,在浮动应用完后消除浮动,这样后面的DIV就不会继承这个浮动(就像在编程的时候,在打开数据库,操作完后,要养成个习惯在后面把数据库关闭)。也就是说浮动这个东西会被继承,除非消除这个浮动,才不会让后面接着的DIV受到继承。其实不仅是DIV,其他的像P等其他的容器都会有继承的效应,大家要养成一个习惯记得要消除浮动。
先来看看这个问题的实际效果
这里本来DIV1是套在了DIV2的外面的,如果是使用表格做的话,那么DIV1肯定被撑开了,效果应该是如下所示
那如何解决这个浮动了之后无法把容器撑开的局面呢?解决的方法这里介绍2仲。
第一种:在浮动结束的容器后面加上这段代码
<div style=”clear:both;”></div>
意思是清除浮动。
第二种:在外层DIV,也就是这里的DIV1的CSS里面加入以下CSS代码
overflow: auto;
这2种方法都可以实现DIV2把DIV1撑开。不过这里建议大家使用第一种方法,要养成一个习惯,在浮动应用完后消除浮动,这样后面的DIV就不会继承这个浮动(就像在编程的时候,在打开数据库,操作完后,要养成个习惯在后面把数据库关闭)。也就是说浮动这个东西会被继承,除非消除这个浮动,才不会让后面接着的DIV受到继承。其实不仅是DIV,其他的像P等其他的容器都会有继承的效应,大家要养成一个习惯记得要消除浮动。
相关文章推荐
- DIV设置浮动后无法撑开外部DIV的解决办法
- Html-Css-div标签嵌套浮动div标签时无法撑开外部div的解决
- 当外部div没有设置高度 或者内部div float之后 边框 内外边距等不起作用的解决办法
- css中子元素浮动,无法自动撑开父元素的解决办法
- css中子元素浮动,无法自动撑开父元素的解决办法
- css中子元素浮动,无法自动撑开父元素的解决办法
- div布局-子容器设置浮动对于父容器高度自适应产生影响的解决办法
- 解决li设置浮动ul高度无法被撑开问题
- 子div设置浮动无法把父div撑开。
- QQ 安装之后出现“无法启动,并行设置不正确”解决办法
- 计算机服务项里没有MySQL服务,无法设置开机自启动或者关闭自启动,的解决办法
- 组件设置window2008 64位系统无法调用Microsoft.Office.Interop组件进行文件另存的解决办法
- 关于CSS中的float和position (父容器div内的子元素div为float时,父元素无法撑开(或高度自适应)的解决方式)
- 无法保存打印机设置,操作无法完成 打印机共享错误的解决办法
- 在cocos2dx2.2.3中遇到的error LNK2019: 无法解析的外部符号 _libiconv_closexxxxxxx的解决办法
- IE6/7中li浮动外边距无法撑开ul的解决方法
- ios微信浏览器-div设置滚动-不出现滚动条的解决办法
- KindEditor 无法设置内容解决办法
- 无法解析的外部符号 ___glutInitWithExit@12的解决办法
- Windows无法设置IP、删除隐藏旧网卡的解决办法