Question

我在<body>标签中使用大背景，我想制作一个宽度为960px的容器div。我希望容器div从顶部向下定位15px，我想我必须使用position：absolute。我的困境是;容器里面的div的其余部分必须包含相同的位置，或者我可以像普通的960px宽的网站一样继续这个吗？对不起，我的英语不好。请帮我！

Answer 1

这应该使您的容器宽度为960px，并以10px顶部（和底部！）边距为中心。

#container {
    width: 960 px; /* set width for container */
    margin: 10px auto; /* 10px top and bottom, center screen */
}

Answer 2

你不必使用绝对定位。一个简单的

body {margin: 0; padding: 0}
#container {width: 960px; margin: 15px 0 0;} /* or margin: 15px auto 0 */ if you want it centered

会做：）

Answer 3

你不需要使用position:absolute;它的作用是将div放在页面上的特定位置，而不是你想要的窗口大小，

您需要的只是margin-top:$$px;

如果您使用id，请使用#标识符：

#container {
margin-top:15px;
width:960px;
}

如果您使用class，请使用.标识符：

.container {
margin-top:15px;
width:960px;
{

此标记中的所有div都可以按正常方式编写和定位，不需要额外的padding或margin。

css困境（大背景）

3 个答案: