Html CSS溢出：隐藏首先起作用，然后不起作用'；T_Html_Css

Html CSS溢出：隐藏首先起作用，然后不起作用'；T

html css

Html CSS溢出：隐藏首先起作用，然后不起作用'；T,html,css,Html,Css,出于某种原因，下面的代码只工作一次，但如果我更改.Image的高度值，它将停止工作。测试图像溢出而不是隐藏。然后，无论我多久尝试更改一次高度，包含的div都不会调整大小。 .Image{ 背景色：红色；高度：400px；溢出：隐藏； } is不起作用的原因是您在img的代码中有一个错误 <img "src="images/test.jpg" alt="test"> 您的错误是-> <img "src="..."> 应该是-> <img src="

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

.Image{
背景色：红色；
高度：400px；
溢出：隐藏；
}
is不起作用的原因是您在img的代码中有一个错误
<img "src="images/test.jpg" alt="test">



您的错误是->
<img "src="...">



应该是->
<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>

.Image{
背景色：红色；
高度：400px；
溢出：隐藏；
}
你能举一个有效的例子吗？因为溢出和高度应该总是有效的，请提供一个例子来说明什么是无效的，我测试了您的代码，并使用CSS dosen更改了图像的高度，这似乎不会重现您的问题。我建议删除src前面的引号，但我假设这不在您的初始代码中，因为它会完全停止图像渲染。它工作正常..所以看起来我使用了错误的注释标记？在创建小提琴的过程中，我偶然发现了我在原始代码中.Image height属性旁边写的一条注释。我使用了而不是/**/。如果你加上Rurgby的，它会重现我所看到的问题，除了有时它会先工作，然后停止。所以在内部样式表中是不允许的？？您可能不完全理解CSS-在CSS中不是有效的注释。CSS中的注释为/**/-请编辑您的问题，以包含一个完整的JSFIDLE代码示例，该示例始终失败。投票结束。
   .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>