解决ie6下兼容float 换行问题,解决ie6下padding的时候 宽度不自动扩展问题
2017-01-16 17:15
375 查看
如果是换行的问题:
1.需要给浮动的元素加上一个固定的宽度。ie6好像不会自动增宽,默认直接就100%了,怎么调整都没用
比如 我要给ul 下li浮动
ul li{
float: left;
overflow: hidden;
margin: 12px 18px;
background-color: #f9f9f9;
padding: 10px 20px;
border:1px solid #ddd;
box-shadow: 1px 1px 3px #ddd;
border-radius: 2px;
white-space:nowrap;
display:inline;
overflow: hidden;
_width: 90px;
}
2.因为google等浏览器 会自动识别宽度,所以不用写width就可以了。针对ie6 用hank属性_width: 90px; 给个宽度就解决了。padding问题 其实也就是要单独给ie6曾加个宽度。
如果是ie7的问题,*width: 90px;这样就没问题了。
1.需要给浮动的元素加上一个固定的宽度。ie6好像不会自动增宽,默认直接就100%了,怎么调整都没用
比如 我要给ul 下li浮动
ul li{
float: left;
overflow: hidden;
margin: 12px 18px;
background-color: #f9f9f9;
padding: 10px 20px;
border:1px solid #ddd;
box-shadow: 1px 1px 3px #ddd;
border-radius: 2px;
white-space:nowrap;
display:inline;
overflow: hidden;
_width: 90px;
}
2.因为google等浏览器 会自动识别宽度,所以不用写width就可以了。针对ie6 用hank属性_width: 90px; 给个宽度就解决了。padding问题 其实也就是要单独给ie6曾加个宽度。
如果是ie7的问题,*width: 90px;这样就没问题了。
相关文章推荐
- CSS问题1:div中 li宽度不固定 ie6和ie7不兼容不自动换行
- [转]ie6下表格宽度超宽bug,问题的解决方法(兼容ie6,7,8,ff)
- 解决IE6,ie7下元素左浮动自动换行的问题
- 如何解决Cloud9在vim模式下整行复制的时候自动换行的问题
- div中 li宽度不固定 ie6和ie7不兼容不自动换行
- 解决表格自动换行问题:让表格宽度根据内容长度自动伸展
- 如何解决padding标记在ie7、ie6以及firefox中的兼容问题
- 解决IE6下 float:left浮动换行的问题几种方法
- 如何解决在IE6下不自动换行的问题
- 关于span不能设置宽度及span自动换行的解决方法
- 关于Extjs 2.2 中 Gridpanel在IE6 下宽度超长的问题已经解决
- 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
- [HTML][CSS]解决CSS中float:right后右对齐换行问题
- 解决 IE6 不支持绝对定位 fixed 以及IE6下被绝对定位的元素在滚动的时候会闪动的问题
- DIV+CSS兼容解决DIV最大宽度和最小宽度问题
- xhtmlrenderer进行HTML转PDF【解决中文、数字、英文过长自动换行问题】
- 解决 for 循环中 echo 对空格自动换行的问题
- 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
- 关于ie6中绝对定位或浮动的div中既有向左float也有向右float时候如何让外层div自适应宽度的解决方案--
- 解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10