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

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

具體是怎么實現先加載右邊 后加載左邊的

是哪段代碼實現的 ?先加載右邊的 雖然出來效果了但是 不太清楚為什么

.left{width: 30%;height: 100%;background: #ccc;margin: 0 auto;text-align: center;float: left;}

.right{width: 70%;height: 100%;background: #999;margin: 0 auto;text-align: center;float: right;}

.foot{width: 100%;height: 50px;background: black;margin: 0 auto;text-align: center;clear:both;}

這段代碼 有沒有實現 先加載右側 與下面的代碼 在實現 先右后左上 哪個是符合條件的?

.left{ width:200px; height:500px; background:blue;position:absolute;left:0;top:100px; }

.right{ margin-left:210px;width:100%;height:500px; background:#9C9;}

有大神能幫解答嗎

正在回答

2 回答

你的這段代碼屬于css樣式代碼,只決定了網站內容的形式。當然,CSS代碼也是自上而下逐行讀取的。

而加載網頁內容的順序在<body></body>標簽中,讀取方式一樣自上而下逐行讀取。先加載的放前邊。

想要改變網頁內容加載順序,就得改變<body></body>標簽中的代碼語句順序。

加載順序不由網頁本身代碼決定,是瀏覽器的機制。

1 回復 有任何疑惑可以回復我~
#1

hello清風

是的,把right容器放在left容器前邊就行了 <div class="right">right</div> <div class="left">left</div>
2016-04-11 回復 有任何疑惑可以回復我~

CSS代碼是逐行讀取的。加載的順序1>2>3.....

.left{}

.right{}

順序為先加載.left{}

.right{}

.left{}

順序為先加載.right{}

所以你的代碼。從你的提問角度出發是錯的。(雖然最后效果是一樣的)

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
如何用CSS進行網頁布局
  • 參與學習       209566    人
  • 解答問題       1206    個

用最簡潔的案例教你布局的那些知識,這是前端工程師基本技能

進入課程

具體是怎么實現先加載右邊 后加載左邊的

我要回答 關注問題
微信客服

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

幫助反饋 APP下載

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

公眾號

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