css - CSS 多列对齐

Question

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

我遇到的唯一问题是 css 定位和对齐。我认为使用列表（ul，li）而不是段落来显示承包商进出时会更容易。

我希望打孔按钮、文本框和打孔按钮保持在页面底部的 0px 和宽度填充页面（当然通过文本框），无论分辨率如何。

任何帮助将不胜感激。

谢谢并保重。

Answer 1

使您的#container div声明如下：

#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%;}