<分区>
我有一个完整的 100% div，其中包含一个 h2 标签。现在，如果我放置一个填充，那么在调整窗口大小时我会得到一个滚动条。这是由于填充而发生的。 div 的宽度为 100%，最大宽度为 1002 像素。
如何在不减小宽度 max-width 的情况下向 h2 标签添加左内边距。
HTML代码
<div id="content-home" class="clearfix">
<h2>Biographies</h2>
</div>
演示 -- https://jsfiddle.net/squidraj/gu8xmt1g/1/
非常感谢任何帮助。
最佳答案
.clearfix::after {
clear: both;
content: "";
display: block;
height: 0;
}
#content-home h2 {
background: #ff2bff none repeat scroll 0 0;
color: #fff;
font-size: 20px;
font-weight: normal;
padding: 12px 0 10px 10px;
}
#content-home{
display: inline-block;
max-width: 1002px;
width: 100%;
}
.container {
display: flex;
}<div class="container">
<div id="content-home" class="clearfix">
<h2>Biographies</h2>
</div>
</div>关于html - 由于填充而获得水平滚动条，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41750150/