コンテナdivに3つのdivがあります。最初のものが左に浮かび、2番目のものが右に浮かび、最後のものが中央に座ります。これは、コンテナdivに3つのおよそ偶数のdivを作成します。右フロートとコンテナdiv
これらのdivのそれぞれでは、さまざまな高さの画像を配置しています。次に、コンテナdivの下に座る独立したdivがあります(これはdescription divと呼ばれます)。
コンテナdivをイメージdivの高さに伸ばして、イメージdivがイメージの下にうまく収まるようにします。現在のところ、左の浮動小数点と中位のdivには最大の画像が含まれ、右の浮動小数点のdivには含まれません。私は何かがなぜ迷っているのか分からない。
注:絶対値を使用せずにこれを行うようにしています。ちょうどパーセンテージです。だから私はコンテナのdivに絶対的な高さを宣言したくない!また、これは単純化されているので、clearは機能しません。そして、上記の入れ子divで浮動小数点数だけをクリアすることができない限り、実際には、このすべての周りに他のdivコンテナがたくさんあります。私の頭の中に残ってthatsのいずれかの髪を維持しようと、任意の助けを事前に
<html>
<head>
<style>
#b_pics {
border: 2px solid grey;
width: 100%;
}
#b_pic1 {
border: 0px solid grey;
float:left;
width:33%;
}
#b_pic2 {
border: 0px solid grey;
margin: 0px auto;
width: 33%
}
#b_pic3 {
border: 0px solid grey;
float:right;
width:33%;
}
#b_website {
border: 1px solid grey;
width:100%;
}
</style>
</head>
<body>
<div id='b_pics'>
<div id='b_pic1'>
Image 1 here
</div>
<div id='b_pic3'>
Image 3 here
</div>
<div id='b_pic2'>
Image 2 here
</div>
</div>
<div id='b_website'>
Line of text goes here
</div>
</body>
ありがとう:
は、ここでは、コードです!
誰かがダウン投票をしていて、質問とすべての回答を下落させているようです。奇妙な。 – SpoonMeiser