CSS，相对定位div中的绝对div_Css

CSS，相对定位div中的绝对div

css

CSS，相对定位div中的绝对div,css,Css,给定以下代码，如何使包装器div的高度一直向下延伸 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="en-us" http-eq

给定以下代码，如何使包装器div的高度一直向下延伸

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="en-us" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<style type="text/css">
.wrapperDiv {
    position: relative;
    width: 800px;
    background-color: #FFFF00;
    margin-right: auto;
    margin-left: auto;
}
.content {
    position: absolute;
    width: 95%;
    top: 55px;
    background-color: #008000;
}
.footer {
    position: absolute;
    width: 95%;
    height: 50px;
    background-color: #FF00FF;
    bottom: 5px;
}
.header {
    position: absolute;
    width: 95%;
    height: 50px;
    background-color: #CCFF33;
    top: 5px;
}
</style>
</head>

<body>

<div id="wrapper" class="wrapperDiv">
    <div id="layer2" class="footer">
        3</div>
    <div id="layer3" class="header">
        1</div>
    <div id="layer1" class="content">
        2<br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        END</div>
</div>

</body>

</html>


无标题1
.包装师{
位置：相对位置；
宽度：800px；
背景色：#FFFF00；
右边距：自动；
左边距：自动；
}
.内容{
位置：绝对位置；
宽度：95%；
顶部：55px；
背景色：#008000；
}
.页脚{
位置：绝对位置；
宽度：95%；
高度：50px；
背景色：#FF00FF；
底部：5px；
}
.标题{
位置：绝对位置；
宽度：95%；
高度：50px；
背景色：#CCFF33；
顶部：5px；
}
3.
1.
2































结束

添加以下内容：

html, body, .wrapperDiv {
  margin: 0;
  padding: 0;
  height: 100%;
  min-height: 100%;
}

然后，您将遇到包装器div比它包含的div宽的问题。不确定您要对此做什么。

您可以使用javascript获取绝对元素的偏移，并将其添加到父div的高度。

感谢您的回复，我无法使用背景图像解决问题。感谢您的回复，我无法使用背景图像解决问题。