0
私のコードで助けてください。私は本当にそれを動作させることはできません。背景を完全にカバーするために背景の線色をどのように延長するかを理解するために4時間以上を費やしました。画像にはh1とpというタグがありますが、コードでわかるように、画像の背景の半分だけを覆っています。背景：線形勾配（rgba（255,0,0,0.5））は、背景全体をカバーしていません
この問題を解決する方法を教えてください。
私には何が欠けていますか？
#bottom {
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
background-repeat: repeat;
background-size: cover;
background-position: fixed;
background: linear-gradient(rgba(255, 0, 0, 0.5), rgba(0, 255, 0, 0.5), rgba(0, 0, 255, 0.5));
}
#khalifa {
height: 100%;
width: 50%;
float: left;
}
#bottom h1 {
text-align: center;
text-transform: uppercase;
font-weight: bold;
color: maroon;
}
#bottom p {
text-align: justify;
padding: 20px;
font-size: 18px;
font-family: sans-serif;
}
#bottom img {
width: 100%;
height: 700px;
}
#empire {
width: 50%;
float: left;
}<div id="bottom">
<div>
<div id="khalifa">
<a href="#">
<img src="images/khalifa.jpg" alt="">
</a>
<h1>Burj-Al-Khalifa</h1>
<p>The Burj Khalifa (Arabic: برج خليفة, Arabic for "Khalifa Tower"; pronounced English /ˈbɜːrdʒ kəˈliːfə/), known as the Burj Dubai before its inauguration, is a megatall skyscraper in Dubai, United Arab Emirates. It is the tallest structure in the
world, standing at 829.8 m (2,722 ft)</p>
</div>
<div id="empire">
<a href="#">
<img src="images/empire.jpg" alt="">
</a>
<h1>Empire State</h1>
<p>The Burj Khalifa (Arabic: برج خليفة, Arabic for "Khalifa Tower"; pronounced English /ˈbɜːrdʒ kəˈliːfə/), known as the Burj Dubai before its inauguration, is a megatall skyscraper in Dubai, United Arab Emirates. It is the tallest structure in the
world, standing at 829.8 m (2,722 ft)</p>
</div>
<div id="royal">
<a href="#">
<img src="images/oneworld.jpg" alt="">
</a>
<h1>Burj-Al-Khalifa</h1>
<p>The Burj Khalifa (Arabic: برج خليفة, Arabic for "Khalifa Tower"; pronounced English /ˈbɜːrdʒ kəˈliːfə/), known as the Burj Dubai before its inauguration, is a megatall skyscraper in Dubai, United Arab Emirates. It is the tallest structure in the
world, standing at 829.8 m (2,722 ft)</p>
</div>
<div id="empire">
<a href="#">
<img src="images/kingdom.jpg" alt="">
</a>
<h1>Empire State</h1>
<p>The Burj Khalifa (Arabic: برج خليفة, Arabic for "Khalifa Tower"; pronounced English /ˈbɜːrdʒ kəˈliːfə/), known as the Burj Dubai before its inauguration, is a megatall skyscraper in Dubai, United Arab Emirates. It is the tallest structure in the
world, standing at 829.8 m (2,722 ft)</p>
</div>
<div id="khalifa">
<a href="#">
<img src="images/chrysler.jpg" alt="">
</a>
<h1>Burj-Al-Khalifa</h1>
<p>The Burj Khalifa (Arabic: برج خليفة, Arabic for "Khalifa Tower"; pronounced English /ˈbɜːrdʒ kəˈliːfə/), known as the Burj Dubai before its inauguration, is a megatall skyscraper in Dubai, United Arab Emirates. It is the tallest structure in the
world, standing at 829.8 m (2,722 ft)</p>
</div>
</div>
</div>