<!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和至少能夠撐起整個頁面。（不要那種寫死的）寫法應(yīng)該很多吧？求指導(dǎo)，謝謝。
1 回答
已采納
剛毅87
TA貢獻345條經(jīng)驗 獲得超309個贊
那 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>望采納!
添加回答
舉報
0/150
提交
取消