• 注册
  • 关于作者
    企业认证:趣记站长
    关注 6 粉丝 4 喜欢 9 内容 992
    江西省·南昌市
    聊天 送礼
    • 查看作者
    • IE Bug–浮动对象外补丁的双倍距离

      The IE Doubled Float-Margin Bug  IEBug--浮动对象外补丁的双倍距离

      先看以下代码:

      最窄770px最宽1024px经典布局

      HTML&CSS

      #box{
       background: ThreedFace;
       width: 500px;
       height: 400px; 
      }
      
      #box1{
       float: left;
       background: #F2F2F2;
       width: 300px;
       height: 200px;
       margin-left: 50px; 
      }
      

      Box在外面,Box1在里面,但在IE浏览器中Box1离左边的距离会是100px,而实际距离应是50px,演示

      解决的方法是,在box1的代码中加入:display: inline;,可使浮动被忽略,IE中不至于产生双倍距离,演示,更详细资料,可看这里

      原文:http://www.forest53.com/tutorials/tutorials_show.asp?id=31

      揭幕在即!看IconFactory化腐朽为神奇

      HTML&CSS

    • 0
    • 0
    • 0
    • 92
    • 单栏布局 侧栏位置: