css - CSSの複数の列の配置

Question

http://jsfiddle.net/auyUS/8/

私がatmで抱えている唯一の問題は、cssの配置と配置です。請負業者がパンチインおよびパンチアウトするときに表示するために、段落の代わりにリスト（ul、li）を使用する方が簡単だと思います。

解像度に関係なく、パンチインボタン、テキストボックス、およびパンチアウトボタンをページの下部に0pxで残し、幅がページ全体に表示されるようにします（もちろんテキストボックスを使用）。

どんな助けでも大歓迎です。

ありがとう、気をつけて。

Answer 1

次のように#containerdiv宣言を作成します。

#container div {
    float:left;
    width:33%;
}

display：inlineをfloat：leftに置き換え、幅を少し後ろに戻しました。

フィドル： http： //jsfiddle.net/kboucher/GpJKc/

Answer 2

あなたの問題を正しく理解している場合は#container div、css を次のように変更してみてください。

#container div {
float:left;
width:30%;}