最近总是在用浮动,这两种方式总是浮现在眼前,或者说去掉父级和同级浮动样式总在思考中。两种方式怎么写都在base.css中。在做瑞祥之旅的过程中,还是吃了一个大亏,就是清除浮动,不管是同级还是父级,都没清除浮动,导致经常会有div包不住子级的东西(经常一审查height=0)。现利用两例子来巩固下。
...
分类:
Web程序 时间:
2014-05-08 18:18:14
阅读次数:
388
精益求精方案一:
相对于空标签闭合浮动的方法代码似乎还是有些冗余,通过查询发现Unicode字符里有一个“零宽度空格”,也就是U+200B
,这个字符本身是不可见的,所以我们完全可以省略掉 visibility:hidden了1 .clearfix:after {content:"\200B";
....
分类:
Web程序 时间:
2014-05-04 19:36:20
阅读次数:
686
在用CSS+DIV的布局中,经常会发现,当一个DIV float之后,如果他的高度超过了其父DIV的高度时,其父DIV的高度并不会相应的进行调整。要解决这个问题(也叫做闭合(清除)浮动),我们有四种办法:
1. 额外标签法
这种方法就是向父容器的末尾再插入一个额外的标签,并令其清除浮动(clear)以撑大父容器。这种方法浏览器兼容性好,没有什么问题,缺点就是需要额外的(而且通常是无语义...
分类:
Web程序 时间:
2014-04-29 13:38:21
阅读次数:
432
Div不根据内容自适应高度,我们看下面的代码:
当Content内容多时,即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了,但容器main的高度还是不能撑开。
我们可以通过三种方法来解决这个问题。 一,增加一个清除浮动,让父容器知道...
分类:
其他好文 时间:
2014-04-29 10:21:46
阅读次数:
349