Question

知道为什么我看不到H1吗？

<div id="getTheProducts" style="clear: both; margin-top: 15px; margin-bottom: 15px; border: 1px solid #DDD;background-color: #f8f8f8; width: 857px; height: 50px; text-align: left;">
<div class="clear"></div>
<div id="getProductsSlide" style="width: 850px; overflow: hidden; position: relative;">
<div class="getProducts_Cover" style="width:56950px; position: absolute; height:50px;">
<div class="getProducts_Page" style="display: block; width: 850px; float: left; height: 50px; color: #000;">
<h1>2012 - January Newsletter</h1></div>
</div></div></div></div>

Chrome将其显示为那里，它概述了它，它甚至告诉我宽度/高度，但我实际上看不到文本。我把它放在一个HTML页面中，我仍然无法看到它。我必须在某个地方错过一条css规则。

Answer 1

您好，您可以删除overflow:hidden;

<div id="getTheProducts" style="clear: both; margin-top: 15px; margin-bottom: 15px; border: 1px solid #DDD;background-color: #f8f8f8; width: 857px; height: 50px; text-align: left;">
<div class="clear"></div>
<div id="getProductsSlide" style="width: 850px; position: relative;"> // **here remove overflow hidden**
<div class="getProducts_Cover" style="width:56950px; position: absolute; height:50px;">
<div class="getProducts_Page" style="display: block; width: 850px; float: left; height: 50px; color: #000;">
<h1>2012 - January Newsletter</h1></div>
</div></div></div></div>

Answer 2

禁用标题显示的是位置：绝对;

<div class="getProducts_Cover" style="width:56950px; position: absolute; height:50px;">

如果可能，请将其更改为

<div class="getProducts_Cover" style="width:56950px; position: relative; height:50px;">

无法在DIVS中间看到<h1> </h1>

2 个答案: