我的框架以错误的顺序为我的布局吐出 html。我可以更改它,但对于其他媒体,顺序是正确的。目前我有一行简单的 javascript 来传输 html,但我想知道是否有 css 替代品。
这是简单的例子。第一个例子是它应该如何工作,第二个是我现在拥有的。我想知道是否可以在第二个示例中完成相同的布局,即不使用 javascript 的所需版本
<div id="wrap">
<div id="right" class="somediv">
div right, dont know height in advance
</div>
<div id="main">
main text, dont know height in advance<br />
main text, dont know height in advance<br />
main text, dont know height in advance<br />
</div>
</div>
<div id="desired_wrap">
<div id="desired_main">
main text, dont know height in advance<br />
main text, dont know height in advance<br />
main text, dont know height in advance<br />
</div>
<div id="desired_right" class="somediv">
div right, dont know height in advance
</div>
</div>
</p>
的JavaScript:
$("#desired_right").prependTo("#desired_wrap");
的CSS
#wrap,#desired_wrap{
width:200px;
margin:10px;
padding:10px;
border:1px dashed grey;
}
#right{
float:right;
}
#desired_right{
float:right;
}
.somediv{
color:red;
width:100px;
background-color:#eee;
}
</p>