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

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

如何用CSS進行網頁布局

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

最新回答 / qq_風格十分_0
...... 是我忘打“/”了.

已采納回答 / Matt_Wong
<...code...>這句話中你使用了絕對定位,然后給她的左側邊緣定義了210px,但是它沒有寬度啊。于是它就使用了默認的寬度也就是內容的寬度。題目要求我們自適應它的寬度。而且right要先加載,所以我能想到的方法只有使用絕對定位定義左右的位置(left:210px;right:0px)使其限定在這個位置中。想必您也想到了,只是使用的方法有些混淆。更改方式<...code...>希望對你能有所幫助。

最新回答 / Matt_Wong
不是很清楚,您能講的具體些嗎

已采納回答 / Matt_Wong
1、因位如果不設置會默認left為0,top也是默認為0;2、如果想為元素設置層模型中的絕對定位,需要設置position:absolute(表示絕對定位),這條語句的作用將元素從文檔流中拖出來,然后使用left、right、top、bottom屬性相對于其最接近的一個具有定位屬性的父包含塊進行絕對定位。如果不存在這樣的包含塊,則相對于body元素,即相對于瀏覽器窗口。????參見:http://www.xianlaiwan.cn/code/2073

已采納回答 / 如夢亦晨
float:right會讓div往右邊浮動,而.left則已經往左浮動了,故而一個左貼邊,一個右貼邊,中間自然露出來大片的底色(紅色)。所以你這里的margin-left:210px并沒有起到實質上的作用,因為中間的區域估計有上千px。要想用浮動來實現這樣的效果,必須都設置成float:left。但是本題的任務要求:右側(right)先加載,左側(left)后加載。而且下面的div代碼也是right在前面,left在后面。如果是left在前面,right在后面,那么可以直接使用float:left,從左到...

最贊回答 / 酒窩MM
body 里面你的div順序是先right 后left,right沒有浮動自占一行,然后下面再排left。
這節課,?下面的提示,簡直是不忍直視!不知是不是我的瀏覽器的問題!一點效果都沒有!系統還居然提示我通過了!
.top{height:100px;background:gray;}
.main{height:600px;background:red;position:relative;}
.left{ height:600px;width:200px;background:blue;position:absolute;top:0;left:0;}
.right{height:600px;background:green;margin-left:210px;}
.foot{height:100px;background:orange;clear:both;}
absolute脫離了正常文檔流嗎

最贊回答 / sugar_橖
你可以先運行結果看看,footer 的色塊已經跑到了上面,只有文字在下面,之所以會跑走,是因為上面的元素用了浮動,原來的位置就空了出來,然后 footer 沒有浮動元素,又沒有清除浮動,就占據了中間位置,所以,想讓footer 在他自己的位置,就先清除浮動(clear:both)希望幫到你~
.top{height:200px;background:#ccc;}
.main{height:600px;background:red;}
.left{ height:600px;width:300px;background:blue;position:absolute;float:left;}
.right{ height:600px;width:750px;background:green;float:right;}
.foot{height:50px;width:100%;background:#f99;}
我的,大家看一下
老師講的第一節比較基礎,自己還能聽懂。
我的才是準確的,包括顏色:
body{color:rgb(250,250,250);}
.top{width:100%; height:50px;background:rgb(204, 204, 204);}

.main{width:100%; height:300px;background:rgb(252, 2, 0);position: relative;}
課程須知
1.你需要掌握html+css樣式基礎知識 2.有一定的前端實際開發經驗
老師告訴你能學到什么?
1.掌握網頁布局的相關知識 2.能對不同的網頁進行布局結構劃分 3.掌握固定寬度和自適應寬度的實現方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消