html - 用于响应式网站的 float div

Question

我正在尝试为响应式网站 float div，但它无法正常工作。我需要它们按下面的顺序排列，因为当屏幕变小时，它们需要在顶部堆叠 1，然后是 2，然后是 3。第三个 div 在第一个 div 下面不太好。感谢您的帮助!

<div class="1">info</div>
<div class="2">info</div>
<div class="3">info</div>

.1 {
width:23%;
float:right;
}
.2 {
width:76%;
float:left;
}
.3 {
float:right;
width:23%;
}

再次说明一下，我需要“3”在“1”下方，但它在“2”下方。谢谢!

Answer 1

Css 类不应该以数字开头。

Demo

.one {
width:23%;
float:right;
}
.two {
width:76%;
float:left;
}
.three {
float:right;
width:23%;
}