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

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

如何用CSS進行網頁布局

江老實 Web前端工程師
難度初級
時長22分
學習人數
綜合評分9.60
1991人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.4 邏輯清晰

已采納回答 / 好生氣哦
底下body里的代碼是right在left上面,我試了各種用float寫不出︿( ̄︶ ̄)︿初學者.top{margin:0 auto;background:#ccc;height:80px;}.main{background:red;height:500px;}.left{ height:500px;width:200px;background:blue;position:absolute;left:0;}.right{height:500px;background:#6c9;position:absol...

已采納回答 / Adele_D
為什么要絕對定位、、、.main{width:100%;height:400px;background:red;} ?

已采納回答 / 小小幻術師
題主是說左右兩個div中英文無法換行嗎?這個如果左右是中文可以自動換行,英語需要加word-wrap:break-word;

已采納回答 / 動感光波擋不住
對于position:absolute來說,position是根據父元素的邊距來尋找定位,如果沒有父元素,則依據body也就是窗口定位,right:0px使得position依照body窗口右側,故不會另起一行

已采納回答 / peter仔
因為right是自適應的,所以它的width是100%,并且因為它比left先加載,使用float:left;的話會把left擠下去(如果你先加載left可以使用float:left;)而使用position:absolute;?普通流中其它元素的布局把絕對定位的元素當不存在。

已采納回答 / qq_煙雨離殤_0
這里要清除浮動,foot因為前面的div設置了浮動,所以它也跟著上去了

已采納回答 / doits
因為當年你做一個比較大的網頁的話,你這么一弄,所有的地方的樣式都被你設置好了,有的地方需要的字體顏色什么的大小,還要單獨去設置,而有的地方是默認的樣式,你提前在body里面全部設置好,這樣會多寫很多代碼。

已采納回答 / qq_德德_03610412
把你代碼我看一下

已采納回答 / 老橙子
因為絕對定位需要相對定位進行定位啊,你這樣只有left和right的絕對定位,absolute默認就是以整個html的body進行絕對定位的,一設置這個left:0和top:0你就會直接卡在網頁的左上角,因此需要在你的父容器div class="kuandu"里面設置position:relative;將你子div的絕對定位的參照物換成父容器,然后你的子div才能用absolute定位。但是你也可以把代碼換成上面那位的直接用relative來定位子div,然后用margin來控制距離

已采納回答 / 不知不覺后知后覺嗯
你的class寫成calss了。。改一下就好<body><div class="top">head</div><div class="main">main</div><div class="footer">footer</div></body>

已采納回答 / SAK1
在左右盒子里面沒有設float吧,你加上試試看而且左邊的盒子應該是不用絕對定位的

已采納回答 / 慕粉3914370
relative是相對定位,占空間,absolute絕對定位,不占空間;

已采納回答 / forever_13
footer{width:100%}

已采納回答 / 莫道相思盡
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-...

已采納回答 / 面包會有的_
clear:left????清除左浮動clear:right????清除右浮動clear:both????左右浮動都清除
課程須知
1.你需要掌握html+css樣式基礎知識 2.有一定的前端實際開發經驗
老師告訴你能學到什么?
1.掌握網頁布局的相關知識 2.能對不同的網頁進行布局結構劃分 3.掌握固定寬度和自適應寬度的實現方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消