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

為了賬號安全，請及時綁定郵箱和手機(jī)立即綁定

6:52布局是如何寫的？

55db1d150001518705000375.jpg55db1cd90001c0b305000272.jpg

我的布局

img

<div>img</div>

狗眼clear:both即對divclear：both，并未達(dá)到視頻中的效果。

正在回答

7 回答

http://img1.sycdn.imooc.com//55dbfacf00012c5d04890674.jpg代碼截圖

0 回復(fù) 有任何疑惑可以回復(fù)我~

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style type="text/css">

.left{

float: left;

width: 256px;

}

.right{

min-height: 171px;

background-color: #becceb;

clear:both;

}

</style>

</head>

<body>

<div>

<div>

<img src="img/1.jpg"/>

</div>

<div>

<img src="img/2.jpg" />

</div>

</div>

</body>

</html>

你跑一下這個代碼，看看是不是要這個樣子

0 回復(fù) 有任何疑惑可以回復(fù)我~

http://img1.sycdn.imooc.com//55dbd04700010eff08750416.jpg你的代碼里面沒有l(wèi)eft和righthttp://img1.sycdn.imooc.com//55dbd099000168d604140683.jpg視頻里的效果跟你貼的這個效果有什么不一樣的？還是沒太懂你的意思


0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

扇扇要努力 提問者

視頻中第一張圖后面也有背景，我實現(xiàn)的第一張圖后面沒有背景。。。我的代碼貼錯了。。結(jié)構(gòu)是 img.left <div.right>img</div>
2015-08-25 回復(fù) 有任何疑惑可以回復(fù)我~

如果對上文中div.right設(shè)置clear：both效果如下圖http://img1.sycdn.imooc.com//55db1b270001977b04370432.jpg

跟老師實現(xiàn)效果并不一樣，請問老師代碼結(jié)構(gòu)是怎樣？

0 回復(fù) 有任何疑惑可以回復(fù)我~ 
<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>Document</title>
<style?type="text/css">
.left{
float:?left;
width:?128px;
}
.right{
min-height:?190px;
background-color:?#beceeb;?
}
</style>
</head>
<body>
<img?src="../1.png">
<div>
<img?src="../2.png">
</div>
</body>
</html>

http://img1.sycdn.imooc.com//55db1aae0001ec0004260314.jpg

0 回復(fù) 有任何疑惑可以回復(fù)我~

貼圖看一下

0 回復(fù) 有任何疑惑可以回復(fù)我~

<div class="right">

<img class="left" src="1.jpeg">

<div>

<img src="2.jpeg">

</div>

</div>


0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

扇扇要努力 提問者

感覺不像是這樣寫的，求教呀求教
2015-08-24 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150
提交
取消
CSS深入理解之overflow
  • 參與學(xué)習(xí)       41722    人
  • 解答問題       82    個

深入理解overflow相關(guān)特性及實際應(yīng)用，為你打開另外一扇學(xué)習(xí)之窗

進(jìn)入課程

6:52布局是如何寫的？

我要回答 關(guān)注問題
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號