茶上月 2016-10-16 03:05 采纳率: 45.5%
浏览 1142
已结题

有关css height:100%失效

 代码：

html:
<body>
    <div id = "wrap">
        <div id = "header">
            头部
        </div>
        <div id = "menu">
            目录
        </div>
        <div id = "content">
            <div class = "left">
                <div class = "left-top">

                </div>
                <div class = "left-bottom">

                </div>
            </div>
            <div class = "right">
                <div class = "right-top">

                </div>
                <div class = "right-bottom">

                </div>
            </div>
        </div>
        <div id = "footer">
            版权内容
        </div>
    </div>

</body>

css:
*{margin:0;padding:0;}
    body{height:100%;}
    #wrap
    {
        width:1580px;
        margin:0 auto;
    }
    #header
    {
        width:100%;
        height:100px;
        margin:10px inherit;
        background-color:blue;
    }
    #menu
    {
        width:100%;
        height:70px;
        margin:10px inherit;
        background-color:green;
    }
    #content
    {
        width:100%;
        height:300px;
        margin:10px inherit;
        background-color:red;
    }
    #footer
    {
        width:100%;
        height:30px;
        margin:10px inherit;
        background-color:gray;
    }
    .left
    {
        width:65%;
        height:100%;
        margin:5px 5px;
        background-color:#F1EA21;
        float:left;
    }

    提问：为什么.left里面的height:100%会失效？其父容器#content明明设置了height:300px
  求大神解答~~
  • 写回答

3条回答 默认 最新

  • devmiao 2016-10-16 04:10
    关注

    http://www.weste.net/2014/4-28/96579.html

    评论

报告相同问题？

悬赏问题

  • ¥30 这是哪个作者做的宝宝起名网站
  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据，怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据，怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题！