我有以下的HTML标记:
我希望在显示为单列时,右侧栏能保持在顶部。
这是 jsfiddle 的链接:https://jsfiddle.net/m7zpoc30/1/ 请问我需要做什么,包括对当前 CSS 的更改?
<div class="left">
this is left side. it should go to the bottom when in one column
</div>
<div class="right">
this is right side. it should go to the top when in one column
</div>
CSS:
.left {
width: 70%;
float: left;
background-color: red;
}
.right {
width: 30%;
float: left;
background-color: yellow;
}
@media only screen and (max-width : 768px) {
.left, .right {
width: 100%;
}
}
我希望在显示为单列时,右侧栏能保持在顶部。
这是 jsfiddle 的链接:https://jsfiddle.net/m7zpoc30/1/ 请问我需要做什么,包括对当前 CSS 的更改?