1 foot固定底部 但是子類內容高度大于100%會隨著下移2 子類最小高度100% （所以body需要設置高度）3 foot和body是兄弟關系? 不可以包在body里??
1 回答
業余奶茶品鑒師
TA貢獻260條經驗 獲得超388個贊
<!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>Document</title>
????<style>
????*?{???????????
????????padding:?0;???????????
????????margin:?0;???????
????}???????
????.body?{???????????
????????background:?green;???????????
????????width:?100%;???????????
????????min-height:?96%;???????
????}???????
????.foot?{???????????
????????background:?orange;???????????
????????width:?100%;???????????
????????height:?4%;????????
????}???????
????.child?{???????????
????????width:?40%;???????????
????????height:?1000px;???????????
????????background:?red;???????
????}???
????</style>
</head>
<body>
<div?class="main">
????<div?class="body">
????????<div?class="child"></div>
????</div>
????<div?class="foot"></div>
????</div>
</body>
</html>采納下吧
-
kixv不符合第二條哦 子類最小高度需要100% 不是固定高度 -
業余奶茶品鑒師* { padding: 0; margin: 0; } .main { width: 200px; height: 400px; } .body { background: green; width: 100%; min-height: 96%; } .foot { background: orange; width: 100%; height: 4%; } .child { width: 40%; min-height: 100%; background: red; }
-
kixv應該不對哦 body只有一個min-height沒有height 所以這么寫child的min-height是無效的 實際高度為0
點擊展開后面3條
- 1 回答
- 0 關注
- 1050 瀏覽
添加回答
舉報
0/150
提交
取消