怎么解决css浮动？

html-css025

怎么解决css浮动？,第1张

使用float来使层浮动起来，使用clear:both来清除浮动，一般情况下在一个div中，会有三个层，第一个层左浮动，第二个层右浮动，第三个层用来清除浮动。最外层的层要使用：overflow:hidden来使外边框达到内层浮动层的高度。

你没有清除浮动，导致浮动元素脱离文档流，浮动的父元素没有被撑开。解决方法：清除浮动即可。

.one .bottom{ width: 1000px height: 200px } 

.one .bottom .part1{ float: left width: 250px height: 200px text-align: center } 

.one .bottom .part2{ float:left width: 250px height: 200px text-align: center }

/*清除浮动*/

.bottom:after{

    content:""

    display:table

    clear:both

}

试试看，能不能解决你的问题。

3中的解释当然是错误的了。

这句中说的是绝对定位中元素排列位置的方式。

-------

2、假如浮动元素在非浮动块元素之前，则非浮动块元素内容将会显示浮动块元素行后。

简单的就是说，非浮动元素会绕着浮动元素，这也是实现环绕效果的基本。

－－－－－－

3、在浮动元素之后的非浮动块元素会无视该浮动元素的存在（怎么可能会无视浮动元素的存在呢？），显示在与浮动元素开始的位置，浮动元素显示在非浮动块元素之上(因为没有无视，所以非浮动元素不会显示在浮动元素的开始位置)。

这句换成：

3、在 绝对定位 元素之后的 非定位 元素会无视该 绝对定位 元素的存在，显示在与 绝对定位 元素开始的位置， 绝对定位 元素显示在 非定位 元素之上。

以上……

就是这样。