Html CSS边界问题？
我想以我是一个完全的新手作为开场白，所以请记住这一点。所以我想做的是有一个主内容区，我想要一个特定的宽度，比如说800px。在它的左右两边，我只想要一个黑色的边框。现在我想要这样，当有人调整页面大小时，两个边框的宽度会改变以填充整个窗口，但我的主内容框保持不变。我想不出来。谢谢你的帮助 试试这个：Html CSS边界问题？,html,css,Html,Css,我想以我是一个完全的新手作为开场白，所以请记住这一点。所以我想做的是有一个主内容区，我想要一个特定的宽度，比如说800px。在它的左右两边，我只想要一个黑色的边框。现在我想要这样，当有人调整页面大小时，两个边框的宽度会改变以填充整个窗口，但我的主内容框保持不变。我想不出来。谢谢你的帮助 试试这个： <html> <head> <style> html {height:100%;} body {background-color:#000000
<html>
<head>
<style>
html {height:100%;}
body {background-color:#000000;height:100%;margin:0px;padding:0px;}
#content{background-color:#FFFFFF;width:800px;margin:auto;height:100%;}
</style>
</head>
<body>
<div id="content">content</div>
</body>
</html>
如果这是您的HTML代码：
<div id="outer-container">
<div id="main-content">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
<style type="text/css">
#outer-container {
background-color: black;
height: 200px;
}
#main-content {
background-color: white;
width: 800px;
margin: 0 auto 0 auto;
height: 200px;
}
</style>