html - 在 DIVS 中间看不到 <h1>

标签 html css

知道为什么我看不到 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 规则。

最佳答案

您好,您可以删除 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>

关于html - 在 DIVS 中间看不到 <h1>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11309465/

相关文章:

css - 如何让这个 SVG 和按钮在缩放时不重叠?

javascript - 在沙盒 iframe 环境中使用 google javascript api

javascript - 我应该使用单个对象还是单个值作为 Angular 指令中的属性?

javascript - 如何让 float 项平均分割空白区域?

html - Bootstrap 4 使搜索字段在移动设备中响应

css - 需要修复 CSS3 Loader 周围的模糊像素

html - 如何使向左/向右拉入内部导致它向外移动

javascript - 克服js/css/xml文件创建子目录带来的问题

css - 如何在现有元素上重新编译更少的文件

css - 可以使用断字 :break-all 将单词打断到 50%