如何div来制作如图布局 求大佬指点
发布网友
发布时间：2022-07-06 14:38
共1个回答
热心网友
时间：2022-07-06 15:05
你好，html代码如下，望采纳：
<!DOCTYPE html>
<html>
<body>
<div class="container" style="width:1000px;height:500px;">
<div class="left" style="float:left;width:25%;height:100%;background-color:red;">
</div>
<div class="middle" style="float:left;width:50%;height:100%;">
<div class="mid-top" style="width:100%;height:80%;background-color:blue;">
</div>
<div class="mid-bot" style="width:100%;height:20%;background-color:red;">
<div class="mid-bot-left" style="float:left;width:50%;height:100%;background-color:green;">
</div>
<div class="mid-bot-right" style="float:left;width:50%;height:100%;background-color:red;">
</div>
</div>
</div>
<div class="right" style="float:left;width:25%;height:100%;background-color:green;">
</div>
</div>
</body>
</html>
