关于页面和div
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.div1{
height: 50px;
background-color: red;
}
.div2{
background-color: blue;
}
.div3{
height: 50px;
background-color: green;
}
</style>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
</body>
</html>对于div2，如何写其样式使得div1 div2 div3的height和至少能够撑起整个页面。（不要那种写死的）写法应该很多吧？求指导，谢谢。
木柘浏览 1439回答 1
1回答
-
刚毅87
那 div 的高度也不要写固定值,改为百分比,代码如下<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } body,html{ height: 100%; } .div1{ height: 50%; background-color: red; } .div2{ background-color: blue; } .div3{ height: 50%; background-color: green; } </style> </head> <body> <div class="div1"></div> <div class="div2"></div> <div class="div3"></div> </body> </html>望采纳!
随时随地看视频慕课网APP
Html/CSS