Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 分区货柜问题_Html_Css - Fatal编程技术网

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

因此,这可能是一个非常小的调整,需要对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-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 &copy; 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元素应用填充。查找