1.实现上、左、右三块组成样式的全屏布局？2.A区和B区，也要能够在指定的区域内实现 height:100%，但不得超出边界。 红色：div1蓝色：div2黄色：div3A区：div4B区：div5
3 回答
万千封印
TA贡献1891条经验 获得超3个赞
<!doctype html>
<html>
<head></head>
<style>
#all{
width:100%;
height:100%;
}
#left{
position:absolute;
background-color:#3aadf0;
float:left;
width:50%;
height:100%;
}
#right{
position:absolute;
background-color:red;
float:right;
width:50%;
height:100%;
margin-left:50%; <!--设置内边距即可，楼主的问题同理可得-->
}
#right a img{
width:300px;
height:300px;
float:left;
margin-top:35%;
margin-bottom:35%;
}
</style>
<body>
<div id="all">
<div id="left">
</div>
<div id="right">
</div>
</div>
</body>
</html>
- 3 回答
- 0 关注
- 1108 浏览
添加回答
举报
0/150
提交
取消