1 foot固定底部 但是子類(lèi)內(nèi)容高度大于100%會(huì)隨著下移2 子類(lèi)最小高度100% （所以body需要設(shè)置高度）3 foot和body是兄弟關(guān)系? 不可以包在body里??
1 回答
業(yè)余奶茶品鑒師
TA貢獻(xiàn)260條經(jīng)驗(yàn) 獲得超388個(gè)贊
<!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不符合第二條哦 子類(lèi)最小高度需要100% 不是固定高度 -
業(yè)余奶茶品鑒師* { 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應(yīng)該不對(duì)哦 body只有一個(gè)min-height沒(méi)有height 所以這么寫(xiě)child的min-height是無(wú)效的 實(shí)際高度為0
點(diǎn)擊展開(kāi)后面3條
- 1 回答
- 0 關(guān)注
- 1060 瀏覽
添加回答
舉報(bào)
0/150
提交
取消