ecshop模板css兼容性问题_height:auto火狐下无效
2016-09-07 22:02 来源:www.chinab4c.com 作者:ecshop专家
不只是在模板修改中会碰到此类问题,在任何的DIV+CSS页面制作中都会碰到。 例:
<div style=" border:2px solid #0CC; width:600px;" >
<div style=" width:50px; height:40px; border:#099 1px solid;float:right "></div> 解决方法如下, 1.
<div style=" border:2px solid #0CC; width:600px;" >
<div style=" width:50px; height:40px; border:#099 1px solid;float:right "></div> 在float:left的Div之后 加入<div style="clear:both"></div> 这样加入的弊端是,JS DOM找节点时会出现了一个多余的节点,这个也是个没用的DIv 2.直接在最大层加入 overflow:hidden; 这也是我用的解决手法!! 简单--
<div style=" border:2px solid #0CC; width:600px;overflow:hidden; " >
<div style=" width:50px; height:40px; border:#099 1px solid;float:right "></div> 3.今天研究163代码的时候 也发现一种新的解决方法 就是加入一个伪类!
<div style=" border:2px solid #0CC; width:600px;" class="clearfix" >
<div style=" width:50px; height:40px; border:#099 1px solid;float:right "></div> Css如下: <style> .clearfix:after{context:"."; height:"0"; display:block;clear:both;visibility:hidden}
/* Hides from IE-mac \\*/ </style> 至于这种方法,IE5.5下 对此类并不支持!! (责任编辑:chinab4c) |
最近更新
常用插件
- ecshop没登陆情况下订单查
ecshop没登陆情况下订单查询插件,主要是针对ecshop在没有登陆的情况下...
- ecshop最小购买数量控制插
ecshop最小购买数量控制插件,这个插件主要是为我们提供一个十分方便...
- ecshop二次开发商品购买增
图片1香...
- ecshop2.7.1邮件发送插件
ecshop2.7.1邮件发送插件:该插件主要的开发思想是源于ecshop短信发送系统...
- ecshop2.7.2生成虚拟订单2.
以前我们开发过ecshop下的虚拟订单,就是客户在访问的时候,会自动生...