我需要做这样的事情:
第一个黑色列始终显示在页面左侧。
我写了这段代码，但它不起作用:
HTML:
<html>
<head>
<link rel="stylesheet" href="home.css" type="text/css" media="all" />
</head>
<body>
<div id="allcontent">
<div id="sidebar"> </div>
<div id="center">
<p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p>
</div>
</div>
</body>
</html>
CSS:
#allcontent{ width:1000px; margin:auto; }
#center{
border-right:solid 1px #d0d9e8; height:80%; width:760px;
padding: 35px 10px 10px 0px;
float:right;
}
#sidebar {
width:200px; height: 100%; float:left;
background:#000;
border:solid 1px black;
}
最佳答案
将两者的边距设置为 0，将侧边栏的填充设置为 0
关于css - 如何使用 2 列获得此布局？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10306603/