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%不能大于，（没豆子了。）
所有回答(2)
0
用绝对位置left,bottom设置成0
0
使用flex布局。
#divMain {
height: 100%;
width: 960px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: flex;