久热在线草视频在线观看,在线三级好观看久草,久草青青视频播放

首頁免費課網頁布局基礎問答

網頁布局基礎

全部評論問答未解決精華

慕粉4235403

感覺就是弄對了代碼，，也展示不出來呀，，有木有這感覺。。。

6 2-3 編程練習

2016-11-10

網頁布局 4—6編程練習

已采納回答 / 不一樣唉

設置的200px是sidebar層寬度為180px加上#content與#sidebar之間的間距為20px而那580px是#content的自適應寬度

1 回答 528 瀏覽 4-6 編程練習

2016-11-10

Torry1

以上是我個人的理解，錯了請大家指出~

0 3-3 橫向兩列布局

2016-11-10

Torry1

....
這個概念很重要，（但是老師沒有特別強調）。了解了這個以后我們再看上面的問題。left和right被設置了左浮動，mainbody作為空的容器父元素，因為其中的兩個子元素已經被“拿”了出來，所以縮成了一個點被left元素覆蓋。而下面的紫色版權塊依然在文檔流中流向了left和right的右側。所以實際上，紫色版權塊并不是流動成了一個豎條，而是這個豎條所在的整個橫向區域（只是被漂移在上面的left和right元素遮住了）。但由于里面的內聯元素（文字）依然會圍繞right元素流動，所以看起來好像是這個紫色的塊元素變成了內聯元素緊挨著right塊元素一樣。

14 3-3 橫向兩列布局

2016-11-10

Torry1

超字了，繼續……

2 為什么同時設置left和right左浮動后mainbody消失而紫色版權塊在右側？
一個很重要的概念是【被設置float屬性的塊元素不在文檔流中（相當于被拿了出來），所以流中的下一個塊元素實際上是在被設置float屬性的塊元素的下面！但有意思的是，這個在下面的塊元素中的內聯元素（行元素）依然會圍繞被漂移的塊元素進行流動分布?。。　?。這個概念很重要，（但是老師沒有特別強調）。了解了這個以后我們再看上面的問題。left和right被設置了左浮動，mainbody作為空的容器父元素，因為其中的兩個子元素已經被“拿”了出來，所以縮成了一個點被left元素覆蓋。而下面的

11 3-3 橫向兩列布局

2016-11-10

Torry1

首先感謝老師貢獻這么好的免費課程，而且老師的聲音很好聽！~ 本人也是小白，剛接觸前端一個星期。這個案例非常好，但是有一些問題老師沒有詳細解釋到。查了很多資料，總結一下奉獻給大家。

1 為什么單獨設置left塊左浮動以后，right塊依然在left下面？
因為right依然是塊元素，要獨占一行；

2 為什么同時設置left和right左浮動后mainbody消失而紫色版權塊在右側？
一個很重要的概念是【被設置float屬性的塊元素不在文檔流中（相當于被拿了出來），所以流中的下一個塊元素實際上是在被設置float屬性的塊元素的下面！但有意思的是，這個在下面的塊元素中的內聯元素（行元素）】

12 3-3 橫向兩列布局

2016-11-10

慕粉1242542

*{margin:0; padding:0;}
#wrap{width:970px; height: auto;}
#mainbody{position: relative; margin-top:15px;}
#left{position:absolute ;width:110px; }
#mid{position :absolute ;left: 123px;top: 0px; width:650px;border:1px solid #999;}
#right{position:absolute ; left:790px;border:1px solid #999;}

0 5-1 網頁布局-編程挑戰

2016-11-09

wusolong0

作為小白，覺得老師講得很好，覺得好的請頂起來

6 2-2 盒子模型

2016-11-09

wzcxing

border ,padding+content內容，background-images，background-color，margin，3D盒子模型

0 2-3 編程練習

2016-11-09

左側固定，右側自適應，若內容沒有把寬度撐開怎么辦？

最新回答 / 慕絲2805873

maigin-left:100px;

1 回答 482 瀏覽 4-4 使用絕對定位實現橫向兩列布局

2016-11-09

慕粉途遠

答案:
#wrap{margin:auto;}
#mainbody{position: relative;width: 100%;overflow: hidden}
#left{width:110px;float: left}
#mid{position:relative;width:650px;loat:left;margin-left:13px}
#right{position:absolute;top:0px;left:794px}
最后的距離應該是 left:110 + mid:650 + margin-left:13 + 邊框:4 = right:794

1 5-1 網頁布局-編程挑戰

2016-11-09