html 内部浮动外部不,DIV设置浮动后无法撑开外部DIV的解决办法

当DIV1里面嵌套有一个DIV2，当DIV2设置了浮动，那么DIV1是无法被撑开的，也就是说DIV2在这里相当于浮在了页面上方，跟DIV1不在同一个层面，导致了DIV2无法把DIV1给撑开，这是一个老生常谈的问题，也是困扰很多刚接触DIV+CSS的朋友的一个问题。

先来看看这个问题的实际效果

这里本来DIV1是套在了DIV2的外面的，如果是使用表格做的话，那么DIV1肯定被撑开了，效果应该是如下所示

那如何解决这个浮动了之后无法把容器撑开的局面呢？解决的方法这里介绍2仲。

第一种：在浮动结束的容器后面加上这段代码

意思是清除浮动。

第二种：在外层DIV，也就是这里的DIV1的CSS里面加入以下CSS代码

overflow: auto;

这2种方法都可以实现DIV2把DIV1撑开。不过这里建议大家使用第一种方法，要养成一个习惯，在浮动应用完后消除浮动，这样后面的DIV就不会继承这个浮动(就像在编程的时候，在打开数据库，操作完后，要养成个习惯在后面把数据库关闭)。也就是说浮动这个东西会被继承，除非消除这个浮动，才不会让后面接着的DIV受到继承。其实不仅是DIV，其他的像P等其他的容器都会有继承的效应，大家要养成一个习惯记得要消除浮动。

html 内部浮动外部不,DIV设置浮动后无法撑开外部DIV的解决办法相关推荐

html不能超出div的宽度,DIV设置width后超出父元素应该如何解决
这次给大家带来DIV设置width后超出父元素应该如何解决,解决DIV设置width后超出父元素的注意事项有哪些,下面就是实战案例,一起来看一下. 前言本文介绍的是利用CSS3的新属性box-siz ...
Excel设置格式后必须双击才生效问题的解决办法
Excel设置了格式后,往往需要双击一下单元才能生效,如果行数较多,谁很麻烦的.解决办法如下:1.选中该列数据:2.数据--分列--分隔符--下一步--Tab键--常规--完成.其实按照默认一路点下去 ...
表单设置 disabled 后无法传值到后台的解决办法
提交 from 表单时,如果input字段设为disabled,该字段是无法正常提交给后台的. <input type="text" name="name" ...
javac ‘javac‘ 不是内部或外部命令，也不是可运行的程序的解决办法
javac 'javac' 不是内部或外部命令,也不是可运行的程序的解决办法解决办法:你先把你自己新建的JAVA_HOME.CLASSPATH这两个变量和PATH变量中的JAVA_HOME%\bi ...
“此环境变量太大, 此对话框允许将值设置为最长2047个字符”的解决办法
"此环境变量太大, 此对话框允许将值设置为最长2047个字符"的解决办法新建系统变量: 写入变量名和变量值(变量路径) 选中path,点击编辑把以前的变量值(变量路径),用 ...
关于请设置注册表项Framewoke.....初始化错误的解决办法
关于请设置注册表项Framework-初始化错误的解决办法) 本人电脑运行环境windows7 百度过很多网上所谓的解决办法,如下 1.重新下载/更高版本的Framework--本人正在使用最新的Fr ...
HTML里子DIV设置margin-top后影响父DIV位置的解决办法
在HTML里,子DIV元素设置了margin-top后,在与父元素之间没有任何其他元素的情况下,会影响到父DIV的位置. 一.编写代码. <!DOCTYPE html> <html ...
div设置float后下一个div要换行的解决办法
div设置float之后,如果没有清除,则下一个被设置float的div会根据上一个float的div的布局进行排版:而下一个没设置float属性的div则是根据它的前一个元素进行排版. 要清除flo ...
html中div设置图片居中显示,图片在DIV中居中显示的方法
问:如何让图片在DIV中水平和垂直两个方向都居中?(注意这里的图片非用作背景) 关于该问题的解决方法如下: 方法一: 思路:利用text-align属性将图片水平居中,然后设置padding-top的 ...

html 内部浮动外部不,DIV设置浮动后无法撑开外部DIV的解决办法

html 内部浮动外部不,DIV设置浮动后无法撑开外部DIV的解决办法相关推荐

最新文章

热门文章