我有两个divs 彼此相邻，想将第二个div放在第一个的左侧div。我无法更改这些divs 的顺序。
这是一个 jsfiddle来说明我所拥有的。
任何想法如何做到这一点？
问问题
95 次
4 回答
4
于 2012-12-24T15:17:08.933 回答
1
添加float:right到第一个 div，float:left到第二个，并将容器的宽度限制为子项的总宽度
于 2012-12-24T15:17:58.423 回答
0
使用定位。将两个 div 的位置都设为绝对位置。第二个左边为0，第一个左边为100px；
position:absolute;
left:102px; //whatever needed
对于这两个课程。
于 2012-12-24T15:19:16.837 回答
0
您可以添加 float:right 主要和拇指。但是您可能需要添加第三个外部 div 才能定位这两个。
#container {
background-color: lavender;
}
#outer {
float:left;
width:400;
}
#main {
border: 2px solid green;
height: 300px;
width: 300px;
float:right;
}
#thumbs {
border: 2px solid blue;
height: 100px;
width: 100px;
float:right;
}
<html>
<body>
<div id="container">
<div id="outer">
<div id="main">
1st div
</div>
<div id="thumbs">
2nd div
</div>
<div>
</div>
</body>
</html>
于 2012-12-24T15:29:58.643 回答