0

ページサイズに応じてdivの幅を設定する必要があります。

3 つの列があります。1枚目と3枚目は50px固定です。小さなマージンですべてのスペースを占めるように、真ん中のものを設定する必要があります。CSSでそれを行う方法が見つかりませんでした。そこで、Javascript を使用しwindow.innerWidthて 2 つの 50px を差し引いてみました。

ここに私のCSSがあります:

<div class="col1">
    ...
</div>
<div class="col2">
  <div class="col2-1">
    ...
  </div>
<div class="col2-2">
    ...
</div>
</div>

そして対応するJavascript

<script type="text/javascript">
  setStoreInfoWidth = function () {
    $('div.col2-1').css('width', window.innerWidth-100 + 'px')
  };

  setStoreInfoWidth();

  $(window).resize(function () {
    setStoreInfoWidth();
   });
</script>

これは、コードが機能する JsFiddle です: http://jsfiddle.net/MrYUb/

ただし、実際のWebサイトでは機能させることができません。

理由はわかりますか？

4

2 に答える 2

0

なぜパーセントを使わないのですか？2 つの div がある場合、それぞれ 50% になります。

于 2013-06-20T21:39:32.697 に答える