0

3つのdivが隣り合っているという問題があります。左側のものは一定で、幅は変わりません。中央はカートなので拡大しているので、右側のdivに合わせて縮小・拡大する必要があります。私はあなたのために利用可能なウェブサイトを持っているので、あなたは問題を見ることができます。

これが私が欲しいものです：

[div=constant width]
[div=expanding/contracting]
[div=expanding/contracting]

詳細：

4

3 に答える 3

1

これにはdisplay：tableを使用できます。このように書いてください：

HTML

<div class="parent">
  <div class="left">left</div>
  <div class="middle">middle</div>
  <div class="right">right</div>
</div>

CSS

.parent{
  width:100%;
  display:table;
}
.left,.middle,.right{
  display:table-cell;
  background:red;
}
.left{
  width:100px;
}
.middle{
  background:yellow;
}
.right{
  background:blue;
}

これをチェックしてくださいhttp://jsfiddle.net/jAquQ/

IE8以降まで動作します。

于 2013-01-14T13:22:48.050 に答える
0 
.constant 
{
float:left;
width:200px;
margin-left:auto;
margin-right:auto;
}

.constant_2 
{
float:right;
width:700px;
margin-left:auto;
margin-right:auto;
}
<div>
<div class="constant "></div>
<div align="center"></div>

<div  class="constant_2 "></div>
</div>
于 2013-01-14T13:19:02.900 に答える
0

float：leftが作業を行います：これを試してください

  <div style="float:left;background-color:red;width:200px">left</div>
  <div style="float:left;background-color:green">middle</div>
  <div style="float:left;background-color:blue">right</div>
于 2013-01-14T15:09:38.100 に答える