首页新闻找找看学习计划

CSS布局问题

0
悬赏园豆:5 [已关闭问题] 关闭于 2016-04-05 14:38

具体代码如下:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style>
        div {
            border: 1px solid blue;
        }
        #divMain {
            height: 100%;
            width: 960px;
            margin: 0 auto;
        }
        #divleft {
            height: 200px;
            width: 100px;
            float: left;
        }
        #divright {
            margin-left: 100px;
            height: 100%;
        }
        .clear {
            clear:both;
        }
    </style>
</head>
<body>
    <div id="divMain">
        <div id="divleft"></div>
        <div id="divright"></div>
        <div class="clear"></div>
    </div>
</body>
</html>
问题补充:

右边div的高度要等于左边的高度,也就是父节点的100%不能大于,(没豆子了。)

Cyclone77的主页 Cyclone77 | 初学一级 | 园豆:36
提问于:2016-04-05 14:22
< >
分享
所有回答(2)
0

用绝对位置left,bottom设置成0

Cyclone77 | 园豆:36 (初学一级) | 2016-04-05 14:37
0

使用flex布局。

#divMain {

  height: 100%;

  width: 960px;

  margin: 0 auto;

  display: -webkit-box;

  display: -webkit-flex;

  display: flex;

柳絮凭风 | 园豆:206 (菜鸟二级) | 2016-07-13 16:36
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册