无序列表显示为高于div

-5

我正在尝试创建一个简单的页面，通常我可以不出现任何问题。但是，无序列表显示页面比div高。我知道这个解决方案，但我不记得它。该网页是这样的：无序列表显示为高于div

<style> 
ul.menu { 
list-style-type: none; 
margin:150; 
margin-bottom:30px; 
padding:0; 
display: block; 
width: 708px; 
margin-left: auto; 
margin-right: auto; 
} 
li.menu 
{ 
float:left; 
display: block; 
width: 118px; 
} 

a.menu:link,a.menu:visited 
{ 
color:black; 
display:block; 
border:1px solid black; 
background-color:#FFFF00; 
width:118px; 
text-align:center; 
text-decoration:none; 
font-family:"Courier New", Courier, monospace 
} 

a.menu:hover 
{ 
background-color:#FFBB11; 
} 
</style> 

<div id="head"> My images here & such</div> 

<ul class="menu"> 
    <li class="menu"> 
     <a class="menu">Main</a> 
    </li> 
</ul>

来源

2013-10-21 llamadillo

需要一些代码才能看到。 – wootscootinboogie

该帖子内的代码是“隐藏”的。仍然没有CSS的HTML无法用于调试。 – Smamatti

提供您的css代码 – AmanS

好吧，将标题的位置更改为静态不允许背后的任何东西，th因此出现了精确的菜单。

来源

2013-10-21 17:01:34 llamadillo

这个问题，如果你的风格你#head为float:left; 而忘记风格.menu为clear:both;检查这个fiddle
所以检查你的CSS

代码（液）一般发生了：

<div id="head" style="float:left;"> My images here & such</div> 

<ul class="menu" style="clear:both;"> 
    <li class="menu"> 
     <a class="menu">Main</a> 
    </li> 
</ul>

来源

2013-10-21 15:44:52 AmanS

我不想让你请你解决你的问题 – AmanS

无序列表显示为高于div

回答

相关问题