首頁猿問 CSS實現(xiàn)混合布局

CSS實現(xiàn)混合布局

Html/CSS

Geminihope 2016-03-25 18:19:24

查看完整描述

2 回答

慕粉1041029323

TA貢獻1條經(jīng)驗獲得超0個贊

照著源代碼打了一遍，嵌套的right顯示不出來，為啥

反對回復(fù) 2018-02-09

superheroes丶

TA貢獻9條經(jīng)驗獲得超5個贊

親，你.main給了個600px的寬度，然而你左右分別是200px和400px這樣已經(jīng)鋪滿了。這樣是看不到原來的粉色的。你可以這樣寫，不知道是不是你要的效果~

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?Content="text/html;?charset=utf-8"?/>
<title>javascript</title>

<style?type="text/css">
*{
????border:0px;
????margin:0px;
????padding:0px;
}
.head{width:100%;
??????height:200px;
?background:azure;
?}
.main{
width:100%;
margin:0?auto;
height:500px;
background:pink;
}
.left{
float:left;
height:500px;
background:red;
width:200px;
}

.right{
float:right;
height:500px;
background:gray;
width:400px;
}
.rl{
float:left;
width:100px;
height:500px;
background:pink;
}
.rr{
float:right;
width:300px;
height:500px;
background:aqua;
}
.foot{
?width:100%;
?height:200px;
?background:purple;
?}
</style>
</head>

<body>
<div?class="head">
</div>
<div?class="main">
????<div?class="left"></div>
????<div?class="right">
????????<div?class=“rl”></div>
????????<div?class="rr"></div>
????</div>
</div>
<div?class="foot">
</div>
</body>
</html>

反對回復(fù) 2016-03-25

Geminihope
我還有一塊背景色設(shè)置成了粉色，.rl{background:pink;}我需要顯示的是這塊區(qū)域的顏色。這個問題我現(xiàn)在弄明白了，是因為我寫代碼時，""這個符號寫錯了，所以沒有正確顯示，現(xiàn)在我改過來問題解決了我。謝謝

回復(fù) 2016-03-25

2 回答
1 關(guān)注
1728 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

CSS實現(xiàn)混合布局

CSS實現(xiàn)混合布局

2 回答

相關(guān)問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

CSS實現(xiàn)混合布局

CSS實現(xiàn)混合布局

2 回答

相關(guān)問題推薦

添加回答