Html 如何将DIV标记拉伸到它的大小'；谁的孩子？_Html_Css

Html 如何将DIV标记拉伸到它的大小'；谁的孩子？

html css

Html 如何将DIV标记拉伸到它的大小'；谁的孩子？,html,css,Html,Css,我有一个div标签，里面有内容，我希望它能展开，这样我的页脚就会一直跟着它。事实上，我的内容标签没有扩展，我的页脚与我的内容重叠。如何使div展开并按下页脚这是我的HTML： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <l

我有一个div标签，里面有内容，我希望它能展开，这样我的页脚就会一直跟着它。事实上，我的内容标签没有扩展，我的页脚与我的内容重叠。如何使div展开并按下页脚

这是我的HTML：

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <link rel="Stylesheet" href="images/Main.css"" />
    </head>
    <body>
        <form id="form1" runat="server">
        <div class="container">
            <div class="header">
                <div class="logo" id="logo"></div>
                <div class="socialNetworkingButtons"> </div>
                <div class="languageSelector"><a href="#"></a></div>
                <div class="headerBanner"></div>
                <div class="icons"></div>
                <div class="hr"><hr /></div>
            </div>
            <div class="content" id="home">
                <div class="videoBox"><img class="largeBlock" height="500" /></div>
                <div class="description"></div>
                <div class="keyFeatures"></div>
            </div>
            <br class="clear" />
            <div class="footer">
                <div class="copyright"><p>Here is some text</p></div>
            </div>
        </div>
        </form>
    </body>
    </html>

你可以试着改变这个

<div class="content" id="home">
    <div class="videoBox"><img class="largeBlock" height="500" /></div>
    <div class="description"></div>
    <div class="keyFeatures"></div>
</div>

到

编辑：修正了一个打字错误。。我的坏

你可以试着改变这个

<div class="content" id="home">
    <div class="videoBox"><img class="largeBlock" height="500" /></div>
    <div class="description"></div>
    <div class="keyFeatures"></div>
</div>

到

编辑：修正了一个打字错误。。我的错

在样式中为.description和.keyFeatures类定义了明确的高度，我猜这些类是变量内容的容器。这就是它没有扩展的原因，删除这些高度。

在样式中为.description和.keyFeatures类定义了明确的高度，我猜这些类是变量内容的容器。这就是它不展开的原因，请删除这些高度。

如果不需要设置明确的高度，则Redlena是正确的。如果您确实需要设置显式高度，并且需要父级进行拉伸，那么您应该在CSS中使用“最小高度”属性。只需将“高度”声明更改为使用“最小高度”，就可以解决问题

编辑：

您也可以尝试将页脚固定到窗口底部

编辑：

您也可以尝试将页脚固定到窗口底部

您的“视频框”内部内容使用了两种不同的高度。。一个是CSS，一个是HTML

只需移除

高度：328px视频框

中的code>将起到阻止重叠的作用。
您在“视频框”内部内容中使用了两种不同的高度。。一个是CSS，一个是HTML
只需移除高度：328px视频框
中的code>将用于停止重叠。
将溢出：隐藏
添加到。内容
以清除浮动。请只发布CSS的相关部分，你发布的代码太多了！将溢出：隐藏赋予.content以清除浮动。请只发布CSS的相关部分，你发布的代码太多了！
<div class="content" id="home">
    <div class="videoBox"><img class="largeBlock" height="500" /></div>
    <div class="description"></div>
    <div class="keyFeatures"></div>
    <div class="clear"></div>
</div>