Question

我有一个容器@ 900px宽度然后在里面我有一个100％宽度的标题，但它只需要100％的容器，我怎么能让它占用整个页面并忽略容器而不将其取出容器html标签？

#container {
width: 900px;
margin: auto;
padding: auto;
position: relative;
}

#header {
background-image: url(pat.png);
background-repeat: repeat;
padding: 0px;
margin: 0px;
height: 150px;
width: 100%;
}

Answer 1

使用绝对定位。然后根据已定义position: relative;的最近父级（默认情况下为<body>元素）来调整头元素的大小和位置。像这样：

#header {
    position: absolute;
    left: 0;
    right: 0; /* it will span from the left to the right edges */
    height: 100px; /* it helps to set a fixed-sized height too, but this isn't required */
}

如何将HTML ID放在我的容器之外？

1 个答案: