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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰

已采納回答 / 努力提升
<...code...>當我們給box這個div加上overflow:hidden這個屬性的時候,其中的content 等等帶浮動屬性的div的在這個立體的浮動已經被清除了。這就是overflow:hidden這個屬性清除浮動的準確含義。當我們...
wrap{width:970px; margin: 0px auto}
#mainbody{position: relative; margin-top:15px;}
#left{position: relative width:110px; }
#mid{position: absolute;top: 0px; width:650px;border:1px solid #999;left: 109px;}
#right{top:0px;position: absolute; float: right; border:1px solid #999;margin-left: 800px
}
box1不是縮成了一個點,而是一條線

最贊回答 / 七月小麥麥
其實在哪個元素上設置屬性沒有什么太大的關系,設置absolute的目的只是為了使其脫離文檔流(不使用的話元素仍然是塊級元素,直觀表現就是會使后面的兄弟元素另起一行)。然后搭配magin值使其產生與父元素的間距,最后表現出來的就是自適應(margin值不變)。
對footer清除浮動可以達到同樣的效果?

已采納回答 / 李曉健
這個不是清除浮動,只是讓當前元素沒有了浮動屬性,但它并不能清除其他浮動元素對它造成的影響

最新回答 / 雨落平生
我對第二個問題也有疑問:既然.book{padding:44px 15px 15px }中間一個15px 已經定義了五個圖片組成的div整體,左右的內邊距都為15px。那為什么得到的結果只是左邊距15px而右邊空出許多?

最新回答 / 烜烜
增加圖片上邊距試試看,絕對定位脫離文檔流了

已采納回答 / 李曉健
是不建議用的,應該把具體的標簽名都列出來,有時別人在寫示例時為了方便會直接這么寫

最新回答 / 慕移動9181930
你把窗口關了再開一個試試呢我也帶著這樣的疑問?我在我的谷歌瀏覽器中,會選中下面的p標簽,div標簽不會選中
背景圖可以在右側的源碼中下載,作為本地文件添加到代碼當中,例如:

.book{background:url(/Users/season/Desktop/網頁布局基礎/case2/images/t_book.gif) no-repeat #eff9f9;}

找不到的也沒事,自己知道怎么做就行啦。畢竟學了是自己用,會與不會都騙不過自己的內心啦。
清除浮動:
1、被影響元素本身+clear:both/left/right
課程視頻可以下載嗎?
*{margin:0; padding:0;}
#wrap{width:970px; top:0;bottom:0;}
#mainbody{position:relative;overflow:hidden; margin-top:15px;}
#left{float:left;width:110px; }
#mid{margin-left:123px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:790px;top:0;border:1px solid #999;}
絕對定位:不受父元素控制,脫離正常文檔流
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消