您的位置:首页 > Web前端 > CSS

CSS 布局小技巧

2011-03-14 14:17 28 查看
1. ul在IE7,IE6下的解释和FireFox,IE8 不同,前者默认margin的值,后者默认padding的值,因此设置的时候要把margin和padding都设置为0。但是当有border的时候,点还是会显示出来,所以还要设置list-style:none. 虽然预设标记不错,但是却没有办法精确控制,所以在实际应用中并不推荐使用,还是用背景图片来代替。

2. Id的权重比class要大。

3.定义链接的四种状态要注意先后顺序: Link Visited Hover Active, 否则可能影响效果。

4.<a name="p1"></a> <a href="#p1" >ggg</a>锚点设置。

5.页面居中,在最外面一个div中加入:margin:0 auto; width:XXXpx;

6.relative, absolute. relative所占的空间保留,absolute不保留空间。

7.如果内div使用了float,那么外div要使用overflow:auto来清除浮动,不然边框不能增长。在IE6下,需要加zoom:1来清除浮动。

8.第一个左浮动元素的margin在ie6中会double,解决的方法为加display:line.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css firefox div ie border float