Question

我想把两个div放在一起，但不管我做什么，第二个div总是在第一个div之下。我试过了：

div.one {
width:50%;
float:left;
}

div.two {
width:50%
float:right;
margin-left:50%;
}

和

div.one {
width:50%;
display:inline-block;
}

div.two {
width:50%;
display:inline-block;
}

Answer 1

从第一个示例中尝试删除边距。

div.one {
   width:50%;
   float:left;
}

div.two {
    width:50%
    float: left;
}

Answer 2

#div-1a {
position:absolute;
top:0;
right:0;
width:200px;
}
#div-1b {
position:absolute;
top:0;
left:0;
width:200px;
}

以下是一个很棒的教程链接，为您提供了几个定位示例：http://www.barelyfitz.com/screencast/html-training/css/positioning

Answer 3

两者都应该是“float：left;”

元素必须适合 - 当有边框，边距或填充时，“宽度：50％;”可能太高了。

Answer 4

.one {
    width: 50%;
    float: left;
    background: green;
    height: 100px;
}

.two {
    width: 50%;
    float: right;
    height: 100px;
    background: red;
}

http://jsfiddle.net/qf9GD/

如何在CSS中将两个div放在一起？

4 个答案: