html怎么把俩个图片用div嵌套在一起,css – 如何将两个div放在一起？

浮动一个或两个内部div。

浮动一个div：

#wrapper {

width: 500px;

border: 1px solid black;

overflow: hidden; /* will contain if #first is longer than #second */

}

#first {

width: 300px;

float:left; /* add this */

border: 1px solid red;

}

#second {

border: 1px solid green;

overflow: hidden; /* if you don't want #second to wrap below #first */

}

或者如果你两个都浮动，你需要鼓励包装器div包含浮动的孩子，或者它会认为它是空的，不放边框

浮动两个div：

#wrapper {

width: 500px;

border: 1px solid black;

overflow: hidden; /* add this to contain floated children */

}

#first {

width: 300px;

float:left; /* add this */

border: 1px solid red;

}

#second {

border: 1px solid green;

float: left; /* add this */

}