CSS多列对齐

Question

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

我有自动取款机的唯一问题是css定位和对齐。我认为使用列表(ul，li)会更容易，而不是使用段落来显示承包商的打卡和退出。

我希望打孔按钮、文本框和打孔按钮保持在页面底部的0px和宽度(当然是通过文本框)填充页面，而不管分辨率如何。

任何帮助都将不胜感激。

谢谢，保重。

Answer 1

将您的#容器div声明如下：

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

替换display:inline with float:left and backed of the width一点。

小提琴：http://jsfiddle.net/kboucher/GpJKc/

Answer 2

如果我对您的问题理解正确，请尝试将css中的#container div更改为：

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