具體是怎么實現先加載右邊 后加載左邊的
是哪段代碼實現的 ?先加載右邊的 雖然出來效果了但是 不太清楚為什么
.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;}
有大神能幫解答嗎
2016-03-29
你的這段代碼屬于css樣式代碼,只決定了網站內容的形式。當然,CSS代碼也是自上而下逐行讀取的。
而加載網頁內容的順序在<body></body>標簽中,讀取方式一樣自上而下逐行讀取。先加載的放前邊。
想要改變網頁內容加載順序,就得改變<body></body>標簽中的代碼語句順序。
加載順序不由網頁本身代碼決定,是瀏覽器的機制。
2016-03-23
CSS代碼是逐行讀取的。加載的順序1>2>3.....
.left{}
.right{}
順序為先加載.left{}
.right{}
.left{}
順序為先加載.right{}
所以你的代碼。從你的提問角度出發是錯的。(雖然最后效果是一樣的)