完全猜不透本節(jié)課的demo所使用的html結(jié)構(gòu)，感覺任何結(jié)構(gòu)都不可能
我也是嘗試了好久啊 根本就不能實(shí)現(xiàn)老師那種效果 老師也是 光顧著搞笑了 具體的一些細(xì)節(jié)從來都不說 讓我們猜啊。。。
clear：both是加在哪個(gè)元素上的？ 如果是加在狗的img標(biāo)簽上 我試過 不可能像視頻中那樣掉下去 而如果是加在div.right上 那么美女的右邊就不可能有背景色 這里我百思不得其解啊
希望老師能解釋一下 源碼到底是怎么樣的 我感覺它就是個(gè)錯(cuò)的
下面是我的源碼：
<!DOCTYPE?html> <html> <head> <meta?charset="UTF-8"> <title>Chengzi</title> <link?rel="stylesheet"?href="css.css"> </head> <body> <div> <div> <img?src="head.jpg"?alt=""> </div> <div> <img?src="house.jpg"?alt=""> </div> </div> </body> </html>
*{padding:?0;?margin:?0;}
.box{background-color:?grey;height:652px;}
.head{float:?left;}
.left{width:100px;}
.right{width:?500px;min-height:?400px;background-color:?red;}
.house{width:180px;clear:?both;}
2015-11-17
這是相互影響的 浮動(dòng)的影響 會(huì)擾亂布局 ?不成功的時(shí)候應(yīng)該是不是有條件沒有達(dá)成~
2015-11-16
這里我貼一下我的整個(gè)代碼，僅供參考，但我認(rèn)為這是正確的。
大概是這樣的效果
如果給.right增加overflow:hidden樣式，則會(huì)有以下效果
2015-11-16
等一下 我TM好像看出來了什么?。?！
大概是這樣 那個(gè)狗狗圖片其實(shí)是block化的 或者換句話說 圖片的外邊緊貼著套了層div標(biāo)簽 這下子小伙伴兒們該明白了吧~
2015-11-16
這網(wǎng)站的后臺(tái) 真是差啊?
寫個(gè)回答都不行 怪不得沒人回答我的問題