<html>
<head>
<style type="text/css">
.floatleft {
border: 1px solid blue;
float: left;
}
.floatright {
border: 1px solid red;
float: right;
}
@media screen and (max-width: 800px) {
#div1 {
float: none;
}
}
</style>
</head>
<body>
<div id="div1" class="floatleft">Div 1</div>
<div id="div2" class="floatleft">Div 2</div>
<div id="div3" class="floatleft">Div 3</div>
<div id="div4" class="floatright">Div 4</div>
</body>
</html>
我正在做我的第一個RWD項目,我正在努力瞭解如何重新調整div的重新定位。Div在響應式網頁設計中的重新定位
在我的代碼示例中,調整到800px div1將高於所有其他divs,這正是我想要的,但我發現困難的是如何將div4移動到div1的右側,根據我的圖片下面。
我居然通過移動上述DIV1 DIV4回答我自己的問題,但我發佈的代碼不正是我一直在想我的網頁來實現的,但是,你的建議正是我需要做的。哦,太簡單了! – 2015-02-12 00:14:59
@DanielWilliams,你不應該讓你的最上面的div浮動。 – 2015-02-12 00:15:44