码迷,mamicode.com
首页 > Web开发 > 详细

网页兼容网页宽度

时间:2014-07-06 00:47:55      阅读:375      评论:0      收藏:0      [点我收藏+]

标签:style   http   color   使用   width   代码   

IE6识别*和_,不识别!important
IE7识别*,不识别_,识别!imortant
而firfox两个都不识别,识别!important 

框架用990,非框架用1000

1、设了float:left的元素允许它的右边存在任何元素同行显示,不论是内联元素还是块元素。但它的左边还是不允许存在任何元素与之同行显示,哪怕其它的元素的代码在前,除非也给前面的元素加上float:left后,才允许同行显示。
设了display:inline的元素,允许它的前后存在其它的内联元素同行显示。关于代码在其前面的块元素之同行显示,则要让前面的元素浮动(不管是左还是右浮动)或设为display:inline,还有代码在后面的是块元素(管它有没有浮动,是左浮动还是右浮动),均不能与之同行,除非设为display:inline。
另外,给块级元素设上display:inline是解决有名的IE6中双倍浮动的利器。
2、float 能使块级元素变成行间元素! 
3、.行间元素只有左右外边距,无上下外边距,且左右外边距不会合并!只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并。 
4、IE6对BOX理解的差异导致设为float的div在ie下margin的值会加倍(块级元素margin都会加倍,且float方向和margin同方向时),如:
 #box{ float:left; width:100px; margin:0 0 0 50px; }

 //这种情况之下IE会产生100px的距离
 
解决方法如下:
 
#box{ float:left; width:100px; margin:0 0 0 50px; display:inline;}
 
//只需给其加display:inline属性使使浮动忽略,即可解决

5、bubuko.com,布布扣
float元素的宽度之和要小于100% 
6. float元素务必指定width属性 
  很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何,一定要为其指定width属性。 
  另外指定元素时尽量使用em而不是px做单位。 
7. float元素不能指定margin和padding等属性 
  IE在显示指定了margin和padding的float元素时有bug。因此不要对float元素指定margin和padding属性(可以在float元素内部嵌套一个div来设置margin和padding)。也可以使用hack方法为IE指定特别的值。 






网页兼容网页宽度,布布扣,bubuko.com

网页兼容网页宽度

标签:style   http   color   使用   width   代码   

原文地址:http://blog.csdn.net/shienquan/article/details/37055343

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!