猿问

css 布局排版问题

1 foot固定底部 但是子类内容高度大于100%会随着下移

2 子类最小高度100% （所以body需要设置高度）

3 foot和body是兄弟关系  不可以包在body里  

kixv
浏览 993回答 1
1回答

业余奶茶品鉴师

<!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>采纳下吧
6
随时随地看视频慕课网APP

相关分类

CSS3
我要回答