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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
很不錯的講解,受益了,謝謝!
左偏移量是200px,不是20px
這個問題問的非常好
清晰明了, 受益匪淺 , 多謝多謝
這女的說話生意 好難聽,我都學不下去了啊。

最贊回答 / qq_紅豆餡兒_0
自己從網上搜了一下:浮動會將元素從文檔流中刪除,他的空間會被其它元素補上;浮動這個機制的時候,就是為了實現文字環繞在圖片周圍的效果。所以浮動的時候,文字會環繞在浮動元素周圍。脫離文檔流,也就是將元素從普通的布局排版中拿走,其他盒子在定位的時候,會當做脫離文檔流的元素不存在而進行定位。需要注意的是,使用float脫離文檔流時,其他盒子會無視這個元素,但其他盒子內的文本依然會為這個元素讓出位置,環繞在周圍。而對于使用absolute positioning脫離文檔流的元素,其他盒子與其他盒子內的文本都會無視它...
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative;overflow:hidden; margin-top:15px;}
#left{float:left;width:110px; border:1px solid #999;}
#mid{margin-left:123px;width:650px;border:1px solid #999;}
#right{position:absolute;left:790px;top:0;border:1px solid #999;}
<style type="text/css">
*{margin:0; padding:0;}
#wrap{width:970px;margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;left:123px;width:650px;border:1px solid #999;}
#right{position:absolute;left:787px;border:1px solid #999;}
</style>

最贊回答 / 過去了過去
行級元素可以通過display:block;轉化成塊級元素;塊級元素可以通過display:inline;轉化成行級元素。塊級元素可以設置寬高和邊距,而行級元素不行。所以讓行級元素有盒子模型加個display:block;代碼就行了。
為什么我聽不到聲音。。。。。
老美女啊。。

已采納回答 / C12138
沒有什么特別的意思!老師只是隨便在鍵盤上敲了幾個字,只是為了不讓div標簽是空的而已!
是你搞活動剛打開看健康了公開 是你搞活動剛打開看健康了公開 是你搞活動剛打開看健康了公開 是你搞活動剛打開看健康了公開 是你搞活動剛打開看健康了公開 是你搞活動剛打開看健康了公開 是你搞活動剛打開看健康了公開 是你搞活動剛打開看健康了公開

已采納回答 / 紫色苜蓿
相對定位只是相對于自身而言它發生的偏移,但它還包含在標準文檔流里,也可以認為是說,box2和box3得到的信息是——box1的位置沒有發生偏移;可以把相對定位看作是一個幻影,你看到的效果是它覆蓋了后面的內容,實際上機器語言編譯出來的它還是在原來的位置沒有發生偏移,box2和box3執行的是機器告訴它的信息
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消