亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

6:52布局是如何寫的？

55db1d150001518705000375.jpg55db1cd90001c0b305000272.jpg

我的布局

img

<div>img</div>

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

正在回答

7 回答

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

0 回復 有任何疑惑可以回復我~

<!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 回復 有任何疑惑可以回復我~

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


0 回復 有任何疑惑可以回復我~
#1

扇扇要努力 提問者

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

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

跟老師實現效果并不一樣，請問老師代碼結構是怎樣？

0 回復 有任何疑惑可以回復我~ 
<!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 回復 有任何疑惑可以回復我~

貼圖看一下

0 回復 有任何疑惑可以回復我~

<div class="right">

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

<div>

<img src="2.jpeg">

</div>

</div>


0 回復 有任何疑惑可以回復我~
#1

扇扇要努力 提問者

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

舉報

0/150
提交
取消
CSS深入理解之overflow
  • 參與學習       41722    人
  • 解答問題       85    個

深入理解overflow相關特性及實際應用，為你打開另外一扇學習之窗

進入課程

6:52布局是如何寫的？

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號