我有一个内容div,并且在那里我想要一个具有四个相等div的页面,其宽度和高度取决于 。css使用填充将div分成四个相等部分
目前这是我的代码:
HTML:
CSS:
#content {
border: 2px solid;
width: 100%;
height: 100%;
position: relative;
top: -15px;
left: -15px;
padding: 10px;
}
#content .A {
border: 2px solid;
width:50%;
height: 50%;
float: left;
background: purple;
}
#content .B {
border: 2px solid;
width:50%;
height: 50%;
float: left;
background: purple;
}
#content .C {
border: 2px solid;
width:50%;
height: 50%;
float: left;
background: purple;
}
#content .D {
border: 2px solid;
width:50%;
height: 50%;
float: left;
background: purple;
}
我需要做什么来改变它才能起作用?谢谢。
2013-04-12
Laurent