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

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

網頁布局基礎

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

最新回答 / meimei_2
我是右邊定位rigth 0 左邊就是left,left和mid的距離,mid,13px三個寬度相加得到偏移的left值為790px
然后呢 *—v—*
為什么不直接設置body的居中呢?還要額外弄一個wrap層
你試一下就知道了
#mainbody {
width:100%;
position:relative;
margin-top:20px;
}


#content {
width:74%;
position:absolute;
top:0;
left:200px;

}

content寬度不能定義成100% 右邊會跑出去的 。。。

最新回答 / 慕移動9181930
一開始不要參考別人的代碼。先自己思考與動手實踐,最后在參考別人的。腾龙娱乐场 XS686·COM真人娱乐场...
*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;margin:0 0 0 13px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}

最贊回答 / fantacy吳貝
一個元素只能有一個id,而且id名是唯一的,而class可以給一個元素賦予多個class名,比如<p class="hot pig big"></p>這樣該元素舊有三個類名了.而且可以給其他元素相同類名,來把它們歸到一類,方便給他們用相同的樣式,比如淘寶;里的商品,有一些商品降價了,之前的價格要變成灰色并用一條刪除線樣式,只要給所有要降價的商品增加一個類,然后賦予樣式就行了.
太棒了。題目設的很給力,專門讓我這種粗心大意的同學,多看幾次的,嘿嘿

最新回答 / 和田宇
首先不知道你設的背景圖片大小多大,設的是no repeat,的確可能存在撐不滿情況出現。字那個,是你圖片上有字嗎?代碼里面沒看到字啊。
老師講的不錯,贊一個!

已采納回答 / qq_陌丶難忘_0
因為整個浮動都是基于id=wrap 里編輯的! 所以不論如何浮動都不會有脫離文檔流的可能。 表想得太復雜 ? ?嗯
我的才是標準答案!別亂發誤人子弟好嗎?
發現好多人距離都算錯了,最后一步是110+13+650+2+17=792
補充:13px間距設置在left和mid都刻意,設置在left就是margin-right;設置在mid就是margin-left!
1 position:relative;
2 width:100%;
3 position:absolute; top:0px; margin-left:200px;
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消