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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
這個老師an,ang不分啊
position:absolute;本身就會寬度自適應,不需要設置
我覺得不需要相對#mainbody定位直接margin-left就可以了.
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{width:110px; }
#mid{【width:650px;border:1px solid #999;top:0;margin-left:123px;position:absolute;}
#right{border:1px solid #999;margin-left:792px;top:0;position:absolute;}

已采納回答 / duan1994
就是給你一定的寬度,讓你自己去適應調節,確定他的寬度多少合適

已采納回答 / 慕粉3627378
:hover是css中的選擇器,用于選擇鼠標指針浮動在上面的元素。所以a:hover可用于設置當鼠標懸停在超鏈接之上時超鏈接的樣式。示例如下:在Html代碼中給出一個超鏈接<a?href="#">我是一個超鏈接。</a設置鼠標懸停的css樣式a:hover{ color:red;????/*設置顏色為紅色*/ font-size:20px;??/*字體變大*/ text-decoration:?none;?/*去掉下劃線*/觀察顯示效果默認樣式鼠標懸停樣式

已采納回答 / 思想在搖曳
對 是兩個類 就是調用content和profile這兩個類 用空格連接
老師說的棒棒滴
第一層為border邊框 第二層為content-padding內容與內邊距 第三層為background-image背景圖片 第四層為background-color背景顏色 第五層為margin外邊距
應該是這樣吧,算是最簡潔的吧?
#wrap{width:970px;margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px;border:1px solid #999 }
#mid{float:left; margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;left:792px; border:1px solid #999;} 別忘了算border的距離...

最新回答 / weibo_考早營_03695159
設置浮動的元素已經脫離了文檔流,給left設置了浮動后,right已經上去,只不過left遮擋住了一部分而已

已采納回答 / 蚊子97
大的包含著小的,大的那個是父元素;設置浮動之后會影響緊鄰下面的那個元素。清除之后就沒有影響...我是這么這么理解的
看了一下視頻好像是14年的,不過講的好理解。至少對于我們學校老師來說。
*{margin:0; padding:0;}
看大家都用浮動做的,我試著用定位做了一遍
#wrap{width:970px; margin:0 auto;}
#mainbody{margin-top:15px;position:relative;top:0px;left:0;}
#left{width:110px;height:490px;position:absolute;left:0;top:0;}
#mid{width:650px;margin:0 125px 195px;}
#right{width:180px;position:absolute;right:0;top:0;}
個人覺得是795px
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消