html - 绝对定位的div不隐藏

我有这个

<div id="container">
  <div id="div1"></div>
<div>

现在，假设：
“容器”的宽度为300像素
“容器”溢出：隐藏；
“div1”的宽度为1000px；
“div1”是绝对位置，顶部：0px，左侧：0px；
问题是：
“div1”没有隐藏，它溢出了“container”，但它仍然显示：（。
如果我简单地删除“position:absolute”就可以了。
如何隐藏“div1”的溢出？

最佳答案

添加位置：相对于容器div元素：
考试：

  <style type="text/css">
        #container
        {
            width: 200px;
            background-color: red;
            height: 60px;
            color: white;
            position: relative;
            overflow: hidden;
        }

        #div1
        {
            background-color: blue;
            position: absolute;
            top:0px;
            left:0px;
            width: 300px;
        }
    </style>

<div id="container">
        <div id="div1">This is div1</div>
    <div>

关于html - 绝对定位的div不隐藏，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4555982/