Html 分区货柜问题
因此,这可能是一个非常小的调整,需要对HTML/CSS代码进行调整,但这是我一直面临的问题。我的通用HTML页面代码如下所示:Html 分区货柜问题,html,css,Html,Css,因此,这可能是一个非常小的调整,需要对HTML/CSS代码进行调整,但这是我一直面临的问题。我的通用HTML页面代码如下所示: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-typ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<link href="sites/css/style.css" rel="stylesheet" type="text/css" />
<title>My Page</title>
</head>
<body>
<div class="wrapper">
<div class="header">Header</div>
<div class="navbar">
<ul>
<li>Home</li>
<li>About</li>
<li>Services</li>
</ul>
</div>
<div class="main_content">
</div>
<div class="footer">Copyright © 2012-2013.</div>
</div>
</body>
</html>
.wrapper {
border: 1px solid #ddd;
margin-left: auto;
margin-right: auto;
width: 980px;
}
我发现,当我将内容放入页面上的任何其他div中时,尤其是使用float:left;或浮动:对;包装的边框不会在页面上继续,除非我使用一个名为:
.clearer {
clear: both;
}
然后放一个DIV:
<div class="clearer"></div>
在浮动的每个DIV的底部。这里是否有我做得不对的地方,或者这是一个常见的问题
感谢您的帮助和建议
谢谢
Dave。这是一个常见问题,您通常可以通过将
溢出:auto
添加到#wrapper
来解决。如果这不起作用,您的更清晰的解决方案是另一个常用的替代方案 这是一个常见问题,您通常可以通过将溢出:auto
添加到#wrapper
来解决。如果这不起作用,您的更清晰的解决方案是另一个常用的替代方案 可能重复的可以对css中的div元素应用填充。查找可能重复的可以对css中的div元素应用填充。查找