Question

我是一名对网络开发很陌生的iPhone开发人员，所以如果我犯了一些愚蠢的错误，请原谅我。

我可以在jsfiddle（没有js）上证明我的问题。我在顶部有一张宽100％的桌子。这显示正常。底部的表格属于同一类，宽度为100％，但由于我为其ID（#footerTable）设置了绝对位置，因此宽度大于100％！ - 你能告诉我我做错了什么（CSS / html在链接中 - 它并不是很多）。

Answer 1

为第二个表格指定left参数：

#footerTable {
    position:absolute;
    bottom:20px;
    left:0px; 
}

Answer 2

table.loginTable宽度大于100%宽度的原因是100%宽度加20px（10px的左右padding ）。

Answer 3

您可能希望使用此设置始终将页脚放在底部，但是正文上的默认样式（body {padding:10px;}）表示当第一个表在流时，100％是w / e留在身体的那些维度之间。

但是当你将第二个表放在绝对位置时，它将相对于具有10px填充的body标签。但由于第二个桌子是绝对定位的，它与身体标签没有任何关系，100％宽度是身体的真实宽度，没有衬垫。你已经看到了结果。要解决此问题，请重置正文标记body {padding:0;}上的填充或明确设置页脚#footerTable {left:10px;right10px;}的左/右距离

Answer 4

http://jsfiddle.net/xnhMY/

当你绝对定位表时，它的100％宽度计算如下：

身体元素的宽度+身体元素的填充

绝对定位使桌子比窗户宽

4 个答案: