2

次のコードで 2 つの 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>

4

2 に答える 2

0

これをcssに追加するだけです：

#picturecontainer1{
    float: left;
}

このようにあなたpicturecontainer1は浮いているので、スペースが十分に広い場合はpicturecontainer2あなたの側面を追加します。そうでない場合はdivの下に入ります。picturecontainer1

ジャスフィデ:

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

于 2013-08-12T08:29:12.113 に答える
0

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;
}
于 2013-08-12T08:30:02.890 に答える