狠狠天天天天操,亚洲青青草原伊人,五月天丁香天天狠狠爱

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

網頁布局基礎

全部評論問答未解決精華

qq_又見_04007441

#wrap{width:970px; margin:0 auto;}
#mainbody{ margin-top:15px;}
#left{ border:1px solid #999;float:left;width:110px; }
#mid{ float:left;width:650px;border:1px solid #999; margin-left:13.5px;}
#right{border:1px solid #999;width:177px; float:right; }

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

2016-09-26

qq_又見_04007441

憑空寫出這一個頁面還有很多要練習的地方

0 4-6 編程練習

2016-09-26

qq_又見_04007441

這一題應該把所有代碼從頭到尾過一遍，復習

0 4-6 編程練習

2016-09-26

qq_又見_04007441

這個里面，最后用的是margin-left:200px,用left:200px，有何影響
---------------------------------------------------------------
同意層主，既然用絕對定位的偏移來設置，那么就應該全用偏移 top:0;left:200px；沒有必要再用margin

5 4-4 使用絕對定位實現橫向兩列布局

2016-09-26

qq_伊余來暨_03984178

#mainbody {

background:#FC0;

任務一： width:100%;

overflow:hidden;

}

.left {

width:800px;

height:200px;

background:#000;
任務二：
float:left;

}

.right {

width:140px;

height:500px;

background:#690;
任務三：
float:right;

0 3-5 編程練習

2016-09-26

qq_又見_04007441

習慣性的看評論，老師有沒有基礎錯誤

1 4-1 絕對定位布局簡介

2016-09-26

慕茗客

講的好像和實際不符呀實現不了效果還得自己改代碼

0 2-2 盒子模型

2016-09-26

weibo_互聯網的人生_0

努力學習努力學習努力學習努力學習

0 2-3 編程練習

2016-09-26

慕粉4041419

個人建議把left和right塊不要設置背景顏色，改設置邊框，可以很直觀的看到，一開始left和right塊在mainbody塊中順序排列，設置left塊左浮動后，left塊“漂浮”起來，遮住了right塊，在right塊也設置左浮動后，同樣“漂浮”起來，緊跟left塊后面顯示在同一行，這倆都“漂浮”后，其父塊mainbody里就沒有東西了，所以不顯示，右面縮起來的版權部分其實沒變化，還是100%的寬度，不過上移變為緊跟header后顯示了，不過被倆漂浮的塊遮住了940px，所以只顯示右邊那一點兒。插一句，overflow：hidden的清除浮動原理還是沒太搞明白……/(ㄒoㄒ)/~~

9 3-3 橫向兩列布局

2016-09-25

kenchangz007

#mainbody {
width:100%;
position:relative;
margin-top:20px;
}
#content {
position:absolute;
top:0;
margin-left:200px;

}
覺得自己思考的方向還是沒錯?？戳税胩於疾恢厘e誤在哪。居然少寫了-left。大老粗，還是得細心點！

0 4-6 編程練習

2016-09-25

低調的渣渣丨

auto:哦頭不是哦吐

1 2-4 自動居中一列布局

2016-09-25

qq_又見_04007441

其實，沒有講清楚為什么對父模塊設置overflow：hidden；以達到清楚內部某個浮動目的的原理。
---
我給自己糾正一下，這句話說錯了?，F在是header，main，footer3個模塊，因為main里面兩個都浮動了，導致footer整個移上來了，當然了，左邊被擋住了，里面的文字是繞開main里面兩個浮動標簽的邊框的?，F在給main設置overflow屬性，首先要計算main的高度，已判斷到底是對溢出的內容做什么處理，（溢出，不處理，滾動條）在計算main高度的時候把他看成一個塊級元素。自然footer不能跟塊級元素重疊了。其實相當于把main變成了“內聯塊狀”，這是個理解方式，拋磚引玉

3 3-3 橫向兩列布局

2016-09-25

qq_又見_04007441

其實，沒有講清楚為什么對父模塊設置overflow：hidden；以達到清楚內部某個浮動目的的原理。

1 3-3 橫向兩列布局

2016-09-25

qq_又見_04007441

不加</br>的原因，并不是視頻里講的所謂的什么沒有意義的代碼，而是他是靠換行來繞過浮動標簽的，一旦浮動標簽的內容改變，造成浮動標簽的高度改變，那么就會出現標簽重疊的現象。

1 3-2 清除浮動的常用方法

2016-09-25

qq_又見_04007441

我給p設置了百分百，沒有加溢出隱藏，就直接下來了，為什么呢

0 3-2 清除浮動的常用方法

2016-09-25

永不放棄1384

一次美的享受

0 1-1 網頁布局-課程簡介

2016-09-25

首頁上一頁 84 85 86 87 88 89 90 下一頁尾頁

該課程已下架

課程須知: 1.一定要對HTML+CSS相關標簽有所掌握；2.對網頁布局知識有簡單的了解

老師告訴你能學到什么？: 1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局；2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼，參與3人拼團

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

熱搜

最近搜索清空

網頁布局基礎