将div粘贴到父母的底部

use*_*679 26 html css

我正在尝试在这里创建一个布局,其中如下所示:这是小提琴

<body>
    <div class="wrapper">
        <div class="header">
            Header
        </div>
        <div class="content">
            This is the content section
        </div>
        <div class="stream-content">
                This is the stream content.
        </div>
        <div class="push">
        </div>
    </div>
    <div class="footer">  
    </div>
<body>
Run Code Online (Sandbox Code Playgroud)

我希望content section占用headerfooter节之间的空间.还有一个名为[ stream-content] 的附加部分,如果那里(仅在主页上)必须采取前一个位置footer.在这种情况下,该content部分应占据所有部分headerstream-content部分之间的空间.我尝试用绝对定位做同样的事情,但我的所有元素都变得混乱,所以想要理解这样做的正确方法.在此先感谢您的帮助!

Irf*_*eli 42

添加position:relative到你的包装类.添加position:absolute;bottom:0;到流内容类.

在这里查看. 小提琴

  • 这与包装器无关.`fixed`位置是相对于屏幕的视口,而不是元素的父视图. (4认同)
  • @IrfanTahirKheli你的回答有2个upvotes和0 downvotes.但答案是错误的并且具有误导性.如果我是你,我会考虑修复它. (3认同)