<分区>
我使用 <ul> 在 HTML 中创建了一个水平导航菜单和内联 block 显示样式。我想设置包含 <div> 的背景颜色，但它不起作用。就好像 <div>没有环绕 <ul> .
第一个<div>应该为页面该部分的整个宽度设置背景颜色。第二个<div>然后在该区域内设置导航菜单的宽度，并将 <div> 居中使未使用的空间均匀分布在两侧。
代码如下:
<div style="background-color: #302683">
<div style="margin: 0 auto; width: 80%">
<ul style="padding: 0; margin: 0">
<li style="display: inline-block; float: left"><a href="#design" title="Design" style="text-decoration: none; color: #FFFFFF; display: inline-block; text-align: center; padding: 20px">Design</a></li>
<li style="display: inline-block; float: left"><a href="#proofreading" title="Proofreading" style="text-decoration: none; color: #FFFFFF; display: inline-block; text-align: center; padding: 20px">Proofreading</a></li>
</ul>
</div>
</div>
此外，我如何将 <ul> 居中？秒内<div> ，所以 <li> s 出现在中心？