带高度的父div:100％不起作用 [英] Parent div with height: 100% doesn't work

问题描述

可能重复:
CSS-100％的高度不起作用

Possible Duplicate:
CSS - 100% height doesn’t work

我有3个div，div-1是背景，div-2和div-3是两个容器(一个用于文本，一个用于照片).

I have 3 divs, the div-1 is a background and div-2 and div-3 are two containers (one for text and one for photo).

HTML:

<div id="div-1">
    <div id="div-2"></div>
    <div id="div-3"></div>
</div>

CSS:

#div-1 {
width: 100%;
height:100%;
padding: 40px 0;
margin:0;
}

#div-2 {
width: 500px;
margin: 0;
float: left;
}

#div-3 {
width: 200px;
margin: 0;
float: right;
}

这就是我得到的:

为什么height: 100%不起作用?

推荐答案

这可以工作

<div id="div-1">
    <div id="div-2"></div>
    <div id="div-3"></div>
    <div style="clear:both"></div>
</div>

这篇关于带高度的父div:100％不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！