Html 当在我的内容上设置css溢出时，div向下滑动
我有下面的htmlHtml 当在我的内容上设置css溢出时，div向下滑动,html,css,Html,Css,我有下面的html <!DOCTYPE HTML> <html> <head> <title>Title</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > <meta http-equiv="Content-Language" content="de" /> <link
<!DOCTYPE HTML>
<html>
<head>
<title>Title</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<meta http-equiv="Content-Language" content="de" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="mainframe">
<ul>
<li><a href='news.shtml'><img src='tastenews.jpg' alt='News'/></a></li>
<li><a href='demo.shtml'><img src='tastedemos.jpg' alt='Demos'/></a></li>
<li><a href='index.shtml'><img src='tastehome.jpg' alt='home'/></a></li>
</ul>
<div id="content">
<h1>News</h1>
<div class="news">
<p class="date">10. April 2011</p>
<p>
First News
</p>
</div>
<div class="news">
<p class="date">09. Feb. 2011</p>
<p>
Second News
</p>
</div>
<!-- etc... -->
</div>
</body>
</html>
如果内容div的内容超过491px高度，则会在最后一个菜单按钮的级别下按下该按钮。为什么会这样做，我如何纠正它？我已经在MAC OS X下使用Firefox和Safari进行了测试。您需要在测试完成后清除。。。只需使用一个清晰的类，然后像这样在ul之后使用它 清晰的课堂将是这样的 .清楚{ 清楚：两者都是：
}您的问题似乎是
ululul {
padding:0;
float: right;
list-style: none outside none;
margin: 1px;
}
不明白你的意思，FF5 Win7:@shannethewhat？我已经尝试将clear类赋予content div，并在ul标记后添加一个带有clear class的空div。但是它没有带来任何东西。你没有正确地关闭它。顺便说一句：@Semyazas:现在它正确地关闭了，但仍然没有帮助。请注意，我添加了Shanetheat建议的样式，因此可能存在冲突吗？没有带来任何东西，可能是因为我没有删除在其他建议后添加的clear元素？抱歉，是的。当然也要去掉它。好的，它就是这样工作的。我有几个问题：你是如何发现填充物的问题的？列表样式的
外部值是什么？为什么clear属性在这种情况下不起作用呢？我在使用Firefox和Firebug扩展时发现了这个问题。如果你没有，就去拿。它是web开发的基本工具。使用它，可以选择每个图元并高亮显示其长方体模型特性。外部列表样式是指列表的项目符号/编号在元素框的内部或外部的位置。clear属性不起作用，因为您在nav和内容之间放置了一个div，它的clear设置为，这两个属性都是，本质上是说“确保此框两边都没有元素”。因为你的内容在这个div之后，它必须放在它下面，而清理div永远不能放在浮动旁边。
ul {
padding:0;
float: right;
list-style: none outside none;
margin: 1px;
}