0

html+css でリンクの行を作成しようとしています。その形式は次のようになります。

(疑似コード)

<body class="class_with_minmaxwidth_set_in_css">
    <div class="container">
      <div class="row">
        <div class="fixed_left_40px"></div>
        <div class="fluid_center_which_changes_with_window_size"></div>
        <div class="fixed_right_40px"></div>
      </div>
      ... repeat more row divs
    </div>
</body>

内部の 3 つの div のそれぞれについて、フロート、位置、および表示を使用するさまざまな組み合わせを試しましたが、正しい組み合わせを設定することはできません。ヘルプは非常に高く評価されます!

4

3 に答える 3

0

divの要素を整列させたい場合はline、使用しますdisplay: inline:block

<div class="row">
    <div class="fixed_left_40px"></div>
    <div class="fluid_center_which_changes_with_window_size"></div>
    <div class="fixed_right_40px"></div>
</div>

CSS:

   .row div{
    display: inline-block;

    height: 40px;
}

.fixed_left_40px{
    width: 40px;    
    background: blue;
}

.fixed_right_40px{
    background: red;
    width: 40px;
}

働くフィドル

于 2013-04-24T11:55:43.253 に答える