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

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

網頁布局基礎

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

最贊回答 / 月下風物語
http://www.w3school.com.cn/css/css_positioning_floating.asp 看這個網站,上面說設置了float的元素脫離了文檔流,而第一種情況#mid沒有設置float,在定位的時候會忽視#left去定位,所以此處的margin-left:123px是距離#mainbody左邊界的123px處,導致兩種情況效果一樣。

最贊回答 / 黑黑石頭仔
你好!浮動影響的是緊隨在它后面的元素標簽,比如說A添加了浮動,我們要想讓B緊鄰在A后面,又不受影響,那怎么辦呢?因為浮動是影響緊隨其后的元素,所以我們可以在AB之間插入一個空的的兄弟元素C,這樣就是ACB,C代替B收到浮動影響,但是因為他是空的,所以就對整體沒影響,不知道你聽得懂不。。。。
咦。box1不見了,這是為什么呢。。。老師好萌!

最贊回答 / 黑色丶毛衣
您這是css選擇符的問題:<...code...>是指book類下名為img的后代標簽,在CSS選擇符中,空格代表后代選擇器;下面是參考網頁:http://www.xianlaiwan.cn/code/2024
絕對定位特點
建立了以包含塊位基準的定位
完全脫離標準文檔流
隨即擁有偏移屬性跟z-index屬性
未設置偏移量時:
無論是否存在已經定位的祖先元素,都保持在元素初始位置 脫離標準文檔流
設置偏移量時:
偏移參照的基準:
無已定位的祖先元素:以&lt;html&gt;為偏移參照基準
有已定位的祖先元素:以距其最近的已定位的祖先元素為偏移參照基準

注意:當一個元素設置了絕對定位,沒有設置寬度時,元素的寬度根據內容進行調節。
相對定位的特點:
相對于自身原有的位置進行偏移
仍處于標準文檔流中
隨即擁有偏移屬性跟z-index屬性
絕對定位布局:通過設置position屬性實現,css中規定的第三種定位機制,能夠實現橫向多列布局及較為復雜的定位(帶有遮罩層效果的提示框、固定層效果、全屏廣告等)

擁有三種定位形式:1.靜態定位 2.相對定位 3.絕對定位

可設置4個屬性值:static(靜態定位)、relative(相對定位)、absolute(絕對定位)、fixed(固定定位)【絕對定位和固定定位都屬于絕對定位】

已采納回答 / Perona
<a href="#"></a>這里的#鏈接的還是當前頁面。其實就是錨點的用法。錨點語法:<a href="#錨點名">點擊我跳到錨點去</a>...文字省略<a name="錨點名" >我是錨點</a>這里省略了錨點名,還是當前頁面。

最新回答 / echo_kinchao
如果一定要追究的話是html元素 ?不用設置初始位置
很不錯的講解,受益了,謝謝!
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消