0

3 つのフローティング div を水平方向に配置しようとすると、何らかの理由で 2 番目と 3 番目の div から上昇します。これら 3 つのすべてをインライン化しようとしています。

何か案は

<style type="text/css">
#main {
vertical-align: middle;
alignment-adjust: middle;
}
.floater {
    float:left;
}
</style>
</head>

<body>
<div id="main">
<div class="floater"><select name="test"></select> 
</div>
<div class="floater"><select name="test"></select>
</div>
<div class="floater"><select name="test"></select>
</div>

 </div>
4

2 に答える 2

1

あなたのコードは機能しているようですが、別の方法があります：

 <style type="text/css">
    .floater {
        display:inline;
    }
    </style>

    </head>

    <body>
    <div id="main">
    <div class="floater"><select name="test"></select> 
    </div>
    <div class="floater"><select name="test"></select>
    </div>
    <div class="floater"><select name="test"></select>
    </div>

     </div>

例: JSFIDDLE

于 2013-05-30T16:04:06.063 に答える