Question

我正在尝试修复背景颜色/图像应该限制在我的div中但是它不会在整个部分中扩展

这是我的HTML

<section id="portfolio">

        <div class="port">

        <h2>my Portfolio</h2>

<ul id="links">
    <li><a href="#" style="background-color: rgb(153, 150, 145);"><img src="assets/img/234.png" alt="my Image"></a></li>
    <li><a href="#" style="background-color: #fff"></a></li>
    <li><a href="#" style="background-color: #3D8D94"></a></li>
    <li><a href="#" style="background-color:#383838;"><img src="assets/img/123.png" alt="image 2"></a></li>
    <li><a href="#" style="background-color: #000" ></a></li>
    <li><a href="#" style="background-color:#090C0C"></a></li>
</ul>
        </div>

        </section>

我的背景应该在H2之后，而不是列在上面和下面。

Answer 1

将您的ID / class css样式设置为

overflow: hidden;

Answer 2

将H2包裹在div中并为该div添加背景颜色。

<div style="background-color: #F00;"><h2>my Portfolio</h2></div>

像这样。

CSS背景重复

2 个答案: