Question

我试图让以下代码中的两个div并排排列，我已经设置了边框，因此您可以看到div边界。如果有人可以提供帮助，将不胜感激。

代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
</head>

<body>
<div id="picturecontainer1" >
<img alt="logo" height="132" src="images/ClevelandLogo.gif" width="126">
</div>
<div id="picturecontainer2">
<img alt="" height="132" src="da.png" width="1000" class="auto-style13">
</div>

</body>

Answer 1

只需将此添加到您的css：

#picturecontainer1{
    float: left;
}

这样，您的picturecontainer1会浮动，因此如果空间足够宽，picturecontainer2会对齐，请添加picturecontainer1的边。否则它会在div下面。

Jsfidde：

http://jsfiddle.net/uAK4Q/1/

Answer 2

请参阅JSfiddle

代码：

<div id="picturecontainer1" >
<img alt="logo" height="132" src="images/ClevelandLogo.gif" width="126">
</div>
<div id="picturecontainer2">
<img alt="" height="132" src="da.png" width="1000" class="auto-style13">
</div>

的CSS：

 div{
display:table-cell;
}

让两个div并排排列

2 个答案: