flex：1將頁面鋪滿
阿新 • • 發佈：2018-06-17
http DG arp sharp doctype name 分享圖片 row type
代碼示範：
<!DOCTYPE html>
<html lang="en">
<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>練習</title>
</head>
<body>
<div id="main">
<div id="aside">
hello
</div>
<div id="content">
world
</div>
</div>
</body>
<script>
</script>
<style>
#main {
display:flex;
}
#aside {
width:300px;
height:800px;
background-color:aquamarine;
}
#content {
height:800px;
background-color: brown;
flex:1;
}
body {
margin:0;
}
</style>
</html>
效果：
flex：1將頁面鋪滿