我在CSS方面非常精通，但今天我偶然发现了一个让我头疼的片段(here和here)。我从没想过可以通过margin:0auto将绝对定位的元素居中，但考虑到所讨论的元素具有设置的宽度并且有left:0和对:0，它实际上似乎有效:#parent{background:#999;height:300px;position:relative;width:300px;}#child{background:#333;height:50px;left:0;margin:0auto;position:absolute;right:0;width:50px;}(JSFiddle)我一直认为left:0
我在CSS方面非常精通，但今天我偶然发现了一个让我头疼的片段(here和here)。我从没想过可以通过margin:0auto将绝对定位的元素居中，但考虑到所讨论的元素具有设置的宽度并且有left:0和对:0，它实际上似乎有效:#parent{background:#999;height:300px;position:relative;width:300px;}#child{background:#333;height:50px;left:0;margin:0auto;position:absolute;right:0;width:50px;}(JSFiddle)我一直认为left:0
somedynamicallychangedcontent我期待什么:-如果#test高度大于或等于body的高度，它应该粘在底部(因为它现在发生在block模型中)-如果#test高度小于body的高度，它应该贴在底部，上面有空白。(这不会发生，#test不会停留在底部)。-使用position:absolute是NotAcceptable，因为当#test高于body时#test不会影响body高度。-使用position:fixed是NotAcceptable，因为这样#test将粘在窗口底部，而不是主体。问:仅使用css可以得到我期望的结果吗？怎么办？抱歉，英语不好，但我认为这
somedynamicallychangedcontent我期待什么:-如果#test高度大于或等于body的高度，它应该粘在底部(因为它现在发生在block模型中)-如果#test高度小于body的高度，它应该贴在底部，上面有空白。(这不会发生，#test不会停留在底部)。-使用position:absolute是NotAcceptable，因为当#test高于body时#test不会影响body高度。-使用position:fixed是NotAcceptable，因为这样#test将粘在窗口底部，而不是主体。问:仅使用css可以得到我期望的结果吗？怎么办？抱歉，英语不好，但我认为这
使用top和left属性以及top和leftmargin有什么区别？我知道top和left通常用于position:absolute情况，但我仍然想知道是否有任何重大区别。例如:position:absolute;top:5px;left:5px;-对比-margin-top:5px;margin-left:5px; 最佳答案 好吧，主要区别在于绝对定位元素被从内容流中拉出。但是对于相对定位的元素，周围的内容可能会变得模糊不清。另一方面，边距会添加到元素的大小，而周围的内容会相应地流动。参见thissamplefiddle有一些差异
使用top和left属性以及top和leftmargin有什么区别？我知道top和left通常用于position:absolute情况，但我仍然想知道是否有任何重大区别。例如:position:absolute;top:5px;left:5px;-对比-margin-top:5px;margin-left:5px; 最佳答案 好吧，主要区别在于绝对定位元素被从内容流中拉出。但是对于相对定位的元素，周围的内容可能会变得模糊不清。另一方面，边距会添加到元素的大小，而周围的内容会相应地流动。参见thissamplefiddle有一些差异
我有2个嵌套的div，它们的宽度应该是100%。不幸的是，带有文本框的内部div溢出并且实际上比外部div大。它有一个左边距并溢出大约边距的大小。我该如何解决？如果我没有做到100%，那么文本框就不是100%宽。 最佳答案 只需删除两个div的宽度即可。div是block级元素，将使用所有可用空间(除非您开始float或定位它们)，因此外部div将自动为100%宽，内部div将使用所有剩余空间设置左边距后的空间。我在jsfiddle上添加了一个带有textarea的示例.Updatedexample有一个输入。
我有2个嵌套的div，它们的宽度应该是100%。不幸的是，带有文本框的内部div溢出并且实际上比外部div大。它有一个左边距并溢出大约边距的大小。我该如何解决？如果我没有做到100%，那么文本框就不是100%宽。 最佳答案 只需删除两个div的宽度即可。div是block级元素，将使用所有可用空间(除非您开始float或定位它们)，因此外部div将自动为100%宽，内部div将使用所有剩余空间设置左边距后的空间。我在jsfiddle上添加了一个带有textarea的示例.Updatedexample有一个输入。
这个问题与这2个有关:1.css-applyingpaddingtoboxwithscroll,bottom-paddingdoesn'twork2.Bottompaddingnotworkingonoverflowelementinnon-chromebrowsers但我在任何地方都找不到它发生的原因，也就是说，为什么在Chrome(31)和Opera(18)中确实出现了填充，而在Firefox(26)和IE(9-10)中却没有出现'这是我的测试用例:http://jsfiddle.net/eW39h/4/来自相关问题#1的一个更简单的例子:http://jsfiddle.net/r
这个问题与这2个有关:1.css-applyingpaddingtoboxwithscroll,bottom-paddingdoesn'twork2.Bottompaddingnotworkingonoverflowelementinnon-chromebrowsers但我在任何地方都找不到它发生的原因，也就是说，为什么在Chrome(31)和Opera(18)中确实出现了填充，而在Firefox(26)和IE(9-10)中却没有出现'这是我的测试用例:http://jsfiddle.net/eW39h/4/来自相关问题#1的一个更简单的例子:http://jsfiddle.net/r
