您现在的位置是：网站首页> 编程资料编程资料
css+div的一些易错点小结_Div+CSS教程_CSS_网页制作_
2021-09-09
801人已围观
简介 最近在开发网站，经常用到css+div，在不断的错误中，发现一些规律.
开发尽量不要用margin和padding属性，因为在不同浏览器下效果会不同，建议使用line-height，如果一定要用，要注意在IE6和IE7与其他的浏览器的效果不同。在用的过程中如遇到问题，可以在百度里搜一下hack，里面会介绍如何解决。主要是：大家可以这样来区分IE6，IE7，firefox
: background:orange;*background:green;_background:blue;
注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面，今天我就忘了次序问题，因为我用到的了margin-left，所以知道要在IE6和IE7下另外调整，于是写了 .xxxx{ *margin-left:10px; margin-left:30px; }，我的想法是在IE6和IE7下执行*margin-left:10px ， 在IE8和火狐下执行margin-left:30px。 我知道IE8和火狐不识别*margin-left:10px 但忘了IE6和IE7不但识别*margin-left:10px，而且还识别margin-left:30px。我想了好久，最后才明白过来，应该写成 .xxxx{ margin-left:30px; *margin-left:10px; }，要注意先后次序的，后面的回覆前面的。
: background:orange;*background:green;_background:blue;
注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面，今天我就忘了次序问题，因为我用到的了margin-left，所以知道要在IE6和IE7下另外调整，于是写了 .xxxx{ *margin-left:10px; margin-left:30px; }，我的想法是在IE6和IE7下执行*margin-left:10px ， 在IE8和火狐下执行margin-left:30px。 我知道IE8和火狐不识别*margin-left:10px 但忘了IE6和IE7不但识别*margin-left:10px，而且还识别margin-left:30px。我想了好久，最后才明白过来，应该写成 .xxxx{ margin-left:30px; *margin-left:10px; }，要注意先后次序的，后面的回覆前面的。
相关内容
- li float后IE下有空格 _CSS教程_CSS_网页制作_
- footer 贴在底部的布局实现代码_CSS布局实例_CSS_网页制作_
- CSS Sprites简介以及优缺点_CSS教程_CSS_网页制作_
- CSS 避免使用滤镜_CSS教程_CSS_网页制作_
- FireFox正常 IE错位的绝对定位元素_浏览器兼容教程_CSS_网页制作_
- CSS 3D立方体制作_CSS教程_CSS_网页制作_
- css 不兼容性问题小结_浏览器兼容教程_CSS_网页制作_
- div中子div在firefox ie 水平居中对齐 _浏览器兼容教程_CSS_网页制作_
- IE8样式不正确显示问题 _CSS教程_CSS_网页制作_
- css margin-left在IE6下的问题的解决方法_CSS教程_CSS_网页制作_
