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

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

如何用CSS進行網頁布局

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

已采納回答 / 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,從左到...

已采納回答 / jun_an
<style type="text/css"> body { margin: 0; padding: 0; } .top { height: 50px; border: 1px solid red; width: 100%; text-align: center; } .main { height: 150px; width: 100%; border: 1px dotted blue; text-align: center; } .left { height: 1...

已采納回答 / ibb
margin:0 300px 0 200px; 你寫了四個值,所以依次對應的是上,右,下,左,的順序(順時針)。

已采納回答 / 慕圣4045015
先設一個大的塊,寬800高500,再在塊里左浮動和右浮動

已采納回答 / qq_杜飛_03761348
他們設置 310 和210 是為了讓效果圖和案例一樣,中間div和兩邊有空白的間距。由于中間的div設置的margin 所以,它的距離是相對于body的距離,你疑問為啥不是和左右兩個div的距離,是因為,左右兩個div由于設置了absolute 脫離了文檔流,也就是相當于相對其他div來說,它類似于透明的空氣一般。

已采納回答 / qq_清清草_0
絕對定位的坐標原點為上級元素的原點,與上級元素有關;而相對定位的坐標原點為本身偏移前的點,與上級元素無關

已采納回答 / 人販
1.首先每個瀏覽器對html標簽都有自己的默認樣式,用來保證在沒有自定義樣式的情況下也能被有據可循的渲染,然而各廠商都有自己的風格,需求也不同,需要自己的樣式不被默認樣式影響,就要清除加設置默認樣式。2.因為瀏覽器的兼容問題,不同瀏覽器對有些標簽的默認值是不同的,如果沒對CSS初始化往往會出現瀏覽器之間的頁面顯示差異。

已采納回答 / 慕村0048198
固定寬度的元素排成一行時用float,存在自適應寬度元素的若干元素排成一行時用position。

已采納回答 / 慕粉2158406053
初始化 讓body中所有元素的內外邊距都是0。先清除干凈后面才好設置。

已采納回答 / 羊大人
left因為設置了絕對定位,已經脫離了文檔流,他的位置是相對左上角的,因為你上面有個top的效果,所以你需要相對它設置一下top值,而right效果并沒有設置定位,所以還在普通流中,按照元素自上而下的規范,他是在top高度的下面的

已采納回答 / 程序員北巷
清除當前定義的元素左右浮動諸如:clear:left; //清除左浮動clear:right; //清除右浮動clear:both; //清除左右兩邊浮動

已采納回答 / 葦草May
<div class="sub-right">right</div>
課程須知
1.你需要掌握html+css樣式基礎知識 2.有一定的前端實際開發經驗
老師告訴你能學到什么?
1.掌握網頁布局的相關知識 2.能對不同的網頁進行布局結構劃分 3.掌握固定寬度和自適應寬度的實現方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消