這種版型要怎麼做？
想問問這種版型要怎麼做呢
就是左邊一個區塊 右邊也是一個滿版的區塊
能夠隨螢幕大小自行變化（但左邊區塊不變）
補上我自己的程式碼
<div class="div_left">
</div>
<div class="div_right">
</div>.div_left{ background-color:#2E3C54; width:12%; height:100vh; display:inline-block;
}.div_right{ background-color:#eee; width:80%; height:100vh; display:inline-block;
}完全不對...
慕侠2389804浏览 475回答 1
1回答
-
RISEBY
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> body{ margin: 0; } .container{ position: absolute; height: 100%; width: 100%; display: flex; flex-wrap: nowrap; align-items: stretch; } .left{ flex-basis: 200px; flex-grow: 0; flex-shrink: 0; background: red; } .right{ width: 100%; background: pink; } </style></head><body> <div class="container"> <div class="left"></div> <div class="right"></div> </div></body></html>
随时随地看视频慕课网APP
相关分类
JavaScript