zoukankan      html  css  js  c++  java
  • IE6 7BUG 负边距 断层

    BUG 描述

    内层设置了负的边距,在IE6 7 下内层就被外层截断了

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <meta name="robots" content="noindex">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Disappearing List Background Bug Demo - hasLayout.net by Zoffix Znet</title>
    
    <style type="text/css">
    
    body {
        background: #fff;
        color: #000;
    }
    #ds {
    width: 5em;
    height: 5em;
    background: #005566;
    }
    #container {
        width: 80%; /* width gives layout */
        background: #FF00FF;
    }
        #inner {
            margin: -4em 2em 0;/*  negative margin is used */
            background: #FF0000;
    
        }
    </style>
    <div id="ds"></div>
    <div id="container">
    这有一个层
        <div id="inner">
            I am cut off<br>
            Text<br>
            More text<br>
        </div>
    </div>

    截图:

    解决:

    去掉外层的LAYOUT,在上例刚去掉触发layout的WIDTH:80%,以PADDING代替

  • 相关阅读:
    浅谈最长上升子序列(LIS)
    浅谈树链剖分
    数字计数
    windy数
    骑士(树形dp)
    旅游规划
    皇宫看守
    k8s安装报错
    linux文件夹存储潜规则
    搭建覆盖率测试环境
  • 原文地址:https://www.cnblogs.com/amws/p/3142359.html
Copyright © 2011-2022 走看看