html - div背景色溢出

Question

对于 div“section1”——我试图以绿色不会溢出 div“Lnav”的方式定位它。无论如何我可以调整 CSS，使绿色背景颜色只覆盖标题“h1”(只是字体)？谢谢

#Lnav
{
 line-height:30px;
 background-color:#eeeeee;
 height:300px;
 width:100px;
 float:left;
 padding:5px;
 margin:20px;
}

#section
{
 width:850px;
 float:center;
 padding:5px;
}

#section1
{
 float:center;
 padding:5px;
 background-color:lime; 

}

div id="section">
 <div id="section1">
  <h1><London></h1>
   <p>London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants</p>
 </div>
</div>

<div id="Lnav">
 <div id="LnavContents1">
    London<br>
    Chicago<br>
    Bombay<br>
 </div>
 <div id="LnavContents2">
    London<br>
    Chicago<br>
    Bombay<br>
 [![enter image description here][1]][1]</div>

</div>

Answer 1

将 margin-left:20px 添加到 #section1 CSS 样式以将绿色的左边缘推到导航部分远离左边缘的位置.