Question

由于某种原因，下面的代码只能运行一次，但是如果我更改.Image的高度值，它就会停止工作。测试图像溢出而不是隐藏。然后，无论我多久尝试改变高度，包含的div都不会调整大小。

    .Image{
        background-color:red;
        height:400px; 
        overflow:hidden;    
    }

 </style>

</head>
<body>
<div class="main">
    <div class="Image">
        <img "src="images/test.jpg" alt="test">
         </div> 
</div>
</body>
</html>

Answer 1

之所以不起作用的原因是因为您的代码中出现了错误

<img "src="images/test.jpg" alt="test">

您的错误是 - ＆gt;

<img "src="...">

应该是 - ＆gt;

<img src="...">

没有额外的报价

所以你的代码应该是这样的

   .Image{
        background-color:red;
        height:400px; 
        overflow:hidden;    
    }

 </style>

</head>
<body>
    <div class="main">
    <div class="Image">
        <img src="images/test.jpg" alt="test">
    </div> 
    </div>
</body>
</html>

CSS溢出：隐藏的作品起初然后不起作用？

1 个答案: