当前位置: 网站建设 > 网页设计 > 建站经验 >

让DIV设置Float后高度不自动增加

时间:2013-03-02 04:14来源:未知 作者:admin 点击:

标签:让DIV设置Float后高度不自动增加 float(10)自动(25)style(8)设置(27)高度(18)cl(4)增加(7)div(47)
<br style=clear:both; / 这种做法就是将父容器的overflow设为hidden或auot就可以在标准兼容浏览器中闭合浮动元素. #outer:after{ content:.; height:0; visibility:hidden; display:block; clear:both; } 我个人不爱好这种方法,然而它确切是W3C推举的方法 这种方式就是向父容器的末尾再插入一个额定的标签,并令其肃清浮动(clear)以撑大父容器。这种办法阅读器兼容性好,不什么问题,毛病就是须要额
让DIV设置Float后高度不自动增加》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234T02013.htm

<br style="clear:both;" />

这种做法就是将父容器的overflow设为hidden或auot就可以在标准兼容浏览器中闭合浮动元素.

#outer:after{
content:".";
height:0;
visibility:hidden;
display:block;
clear:both;
}

我个人不爱好这种方法,然而它确切是W3C推举的方法

 

这种方式就是向父容器的末尾再插入一个额定的标签,并令其肃清浮动(clear)以撑大父容器。这种办法阅读器兼容性好,不什么问题,毛病就是须要额外的(而且通常是无语义的)标签。

这种方法兼容性个别,但经由各种 hack 也能够敷衍不同浏览器了,同时又可以保障html 比拟清洁,所以用得仍是比较多的。

3.设置overflow为hidden或者auto

2. 应用after伪类

Tag:主动  ,让div+css的div居中而里面的文字不居中的做法; 增添   高度   设置     --> [网站建设之]让DIV设置Float后高度不自动增长

或者使用

1,认识HTML5:对于HTML5的7个误解. 额外标签法

这种做法就是让父容器也浮动,这应用到了浮动元素的一个特征——浮动元素会闭合浮动元素。这种方法在 IE/Win 跟尺度兼容浏览器中都有较好的后果,认识CSS3的column属性,但缺陷也很显明&mdash,解读absolute与relative;—父容器未必想浮动就浮动的了,究竟浮动是一种比较特别的行动,有时布局不容许其浮动也很畸形。

<div style="clear:both,解析站群链轮策略原理;"></div>

4.浮动外部元素,float-in-float

这种方法就是对父容器使用after伪类和内容申明在指定的当初内容末尾增添新的内容。常常的做法就是增加一个“点”,由于它比较小不太惹人留神。而后咱们再利用它来扫除浮动(闭合浮动元素),并暗藏这个内容。

不外使用overflow的时候,可能会对页面表示带来影响,而且这种影响是不断定的,你最好是能在多个浏览器上测试你的页面


(责任编辑:网站建设)
让DIV设置Float后高度不自动增加相关文章
上一篇:让div+css的div居中而里面的文字不居中的做法 下一篇:让IE浏览器支持CSS3圆角属性的方法
回到顶部