如何实现上左右在个DIV满屏布局?

1.实现上、左、右三块组成样式的全屏布局?2.A区和B区,也要能够在指定的区域内实现 height:100%,但不得超出边界。 红色:div1蓝色:div2黄色:div3A区:div4B区:div5

收到一只叮咚
浏览 1023回答 3
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>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

CSS3