我的网站在develp下http://hrcprojectconsulting.com/以我的分辨率和大小在屏幕上看到它看起来很好，否则，水平滚动条会弹出，浏览起来很烦人。
所以我不知道该怎么办。有一些流畅的布局，但它们占据了整个屏幕，这会有点过于分散。然而，如果我使用一些固定的css，那么问题是，根据屏幕大小和分辨率，可能会出现水平滚动条，这肯定不会发生。
是的，是的，我已经完成了所有的阅读，事实上我正在遵循一个非常好的教程
http://www.netmagazine.com/tutorials/create-fluid-layouts-html5-and-css3#null
我理解作者所做的，这似乎很容易，所以我用我的来做，最简单的一步，它让我失败了，(很明显，因为我有另一个布局)
我的HTML现在(我今天试图添加一个页脚，但页脚既没有停留在底部，也没有被内容向下推，而是溢出了，但那是另一回事)
这里是html:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" href= "<?php echo base_url() ?>css/main_style.css" />
<script type ="text/javascript" src="<?php echo base_url()?>js/1.8.js"></script>
<title>Website</title>
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="content">
<div id="left_content"></div>
<div id="middle_content"></div>
<div id="right_content"></div>
</div>
</div>
</body>
</html>
这是CSS
#container {
width:1040px;
margin:0 auto;
}
#header {
height:50px;
margin-bottom:20px;
}
#left_content {
float: left;
width:180px;
min-height: 600px;
margin-right:20px;
}
#middle_content {
font-family: 'trebuchet ms',geneva,arial,tahoma,sans-serif;
font-size:8px;
float: left;
width:640px;
min-height: 600px;
margin-right:0px;
}
#right_content {
float: right;
width:180px;
margin-right:20px;
min-height: 600px;
}
#footer {
float: left;
background: green;
margin-top: 20px;
margin-right: 10px;
margin-left: 10px;
clear: both;
width: 1020px;
height:200px;
}
所以；按照作者的说法，我试图开始修改最外层的包装容器，更改1040px；至96%。
我一这么做，你看到的标题的蓝色条就缩小到了大约400像素，并向左漂移，再加上你看到所有标签和框的网络表单，只是没有碎片，一直飘到了底部，与其他部分完全不同，所以一团糟。
为什么？为什么我不能开始做作者正在做的设计呢？他从96%的变化开始。
这是因为将1040px更改为96%会给内部的浮动元素更多的浮动空间。
如果96%>1040px，则浮动将上升到顶部并彼此相邻。
尝试使所有子元素也基于%。