您当前位置：首页 > web前端 > htmlcss > CSS bug与技巧之容器高度等小集合

CSS bug与技巧之容器高度等小集合

来源：程序员人生发布时间：2013-10-20 10:34:15 阅读次数：3117次

　　关于容器的包涵关系

　　很多时候，尤其是容器内有平行布局，例如两、三个float的div时，宽度很容易出现问题。在IE中，外层的宽度会被内层更宽的div挤破。一定要用Photoshop或者Firework量取像素级的精度。

　　关于高度的问题

　　如果是动态地添加内容，高度最好不要定义。浏览器可以自动伸缩，然而如果是静态的内容，高度最好定好。(似乎有时候不会自动往下撑开，不知道具体怎么回事

　　最狠的手段 – !important;

　　如果实在没有办法解决一些细节问题,可以用这个方法.FF对于”!important”会自动优先解析,然而IE则会忽略.如下

.tabd1{
background:url(/res/images/up/tab1.gif) no-repeat 0px 0px !important; /*Style for FF*/
background:url(/res/images/up/tab1.gif) no-repeat 1px 0px; /* Style for IE */}

　　值得注意的是，一定要将xxxx !important 这句放置在另一句之上。

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 iis返回状态200、301、404等的含义

下一篇 改进版：JavaScript 颜色梯度和渐变效果

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点