我们在进行div+css网站制作的过程中,由于浏览器的不同,经常会遇到各种各样的问题出现。今天北京网站建设宏岳网络小编为大家总结分享div+css中常见错误,希望可以帮助大家。
1、浮动元素自动换行,高度不一致,卡住问题
宏岳网络认为,可以设置宽高 overflow:hidden
2、为float元素指定宽度
对于设置float元素未指定宽度时,很多浏览器都会出现bug.
3、内层浮动外层不扩高
可以给外层专设置宽高,并加样式 overflow:auto ;zoom:1;以及内部清除浮动
4、设置默认样式
对于margin、padding等,不同的浏览器有不同的效果。所以大家需要在最初时把margin、padding设置为0,以及列表样式设置为nooe。
5、同向设置了margin/padding float
为float加margin/padding时,IE浏览器会出现错误跑偏现象。在样式表中添加display:inline;b也可以为float内部加入一个div来设置margin/padding。还有使用hack专业指定。
6、A浮动,B在A下面,B加margin-top无效,A的父级加overflow:hidden
7、 IE6中,滑动门中,内联元素,设置了display:block和height的时候,内联元素宽度为100%
解决:用float代替display:block
8、 给图片设置超链接,图片有边框
为图片样式添加img{border:0;}
9、 IE6 元素高度无法设置高度小于19px
对其设置line-height:0;或者overflow:hidden
10、 line-height 在IE6中只适用于文字
11、图片或flash下方有空隙
解决:给图片或flash加display:block
北京网站建设宏岳网络小编认为好的网站代码会让你节约不小时间,最基本的网站布局不合理,之后的网站制作后越来越麻烦。其实学习div+css不难,最主要的是熟练加上规矩的代码。