如何仅使用css使具有position:absolute和dynamicheight的元素占据垂直空间？我可以使用容器和显示的任何技巧吗？ 最佳答案 不幸的是，根据定义，使用绝对定位意味着您的元素不再占用空间。所以不行，只有通过css是没有办法做到这一点的。您当然可以使用jQuery(或纯javascript)来完成此操作。我的做法是在每个垂直元素旁边放置一个space元素。在相对定位的div中包含空间元素和绝对定位的垂直元素。在页面加载时，更改height空间元素的高度与垂直元素的高度相匹配。
如何仅使用css使具有position:absolute和dynamicheight的元素占据垂直空间？我可以使用容器和显示的任何技巧吗？ 最佳答案 不幸的是，根据定义，使用绝对定位意味着您的元素不再占用空间。所以不行，只有通过css是没有办法做到这一点的。您当然可以使用jQuery(或纯javascript)来完成此操作。我的做法是在每个垂直元素旁边放置一个space元素。在相对定位的div中包含空间元素和绝对定位的垂直元素。在页面加载时，更改height空间元素的高度与垂直元素的高度相匹配。
我想在我的页面中使用一个不占据整个屏幕的div，当它的内容溢出时使用屏幕边缘的滚动条。我知道这听起来令人困惑，所以这里有一个例子:http://www.csszengarden.com/?cssfile=/202/202.css&page=1我会发布代码，但我不确定从哪里开始。有人可以用HTML和CSS为我指出正确的方向吗？ 最佳答案 一个技巧是覆盖一个或多个静态图像或框并固定它们的位置，然后调整整个页面的可滚动区域的大小，您的内部，使其宽度适合覆盖区域暴露(即未覆盖)的“可视区域”(您可以使用填充来实现此目的)。我做了一个demo
我想在我的页面中使用一个不占据整个屏幕的div，当它的内容溢出时使用屏幕边缘的滚动条。我知道这听起来令人困惑，所以这里有一个例子:http://www.csszengarden.com/?cssfile=/202/202.css&page=1我会发布代码，但我不确定从哪里开始。有人可以用HTML和CSS为我指出正确的方向吗？ 最佳答案 一个技巧是覆盖一个或多个静态图像或框并固定它们的位置，然后调整整个页面的可滚动区域的大小，您的内部，使其宽度适合覆盖区域暴露(即未覆盖)的“可视区域”(您可以使用填充来实现此目的)。我做了一个demo
我注意到HTML中的元素会忽略CSS中的“左”和“右”属性对。“顶部”和“底部”对也是如此。请参阅下面的示例代码:应该占据浏览器中几乎所有的空间(除了周围10px的边框)。它在Safari中工作正常，但在FireFox和IE中在浏览器的左上角保持较小。如果我使用“left”和“width”，以及“top”和“height”，那么一切正常。但是我不知道宽度和高度是多少，我希望它们根据浏览器窗口的大小进行调整。有什么解决办法吗？谢谢。 最佳答案 您可以使用包装器DIV 关于html<i
我注意到HTML中的元素会忽略CSS中的“左”和“右”属性对。“顶部”和“底部”对也是如此。请参阅下面的示例代码:应该占据浏览器中几乎所有的空间(除了周围10px的边框)。它在Safari中工作正常，但在FireFox和IE中在浏览器的左上角保持较小。如果我使用“left”和“width”，以及“top”和“height”，那么一切正常。但是我不知道宽度和高度是多少，我希望它们根据浏览器窗口的大小进行调整。有什么解决办法吗？谢谢。 最佳答案 您可以使用包装器DIV 关于html<i
(关于StackOverflow的第一个问题。希望我做对了。)我正在尝试创建一个float菜单，该菜单从其内容继承其宽度(因为我事先不知道宽度，即从URL加载)。我可以通过让菜单div绝对定位而不设置宽度或高度来做到这一点。当内容足够高需要滚动时，就会出现问题。我设置了“溢出:自动；”这样它就可以垂直滚动，但是新的滚动条不会使div变宽。取而代之的是，div保持相同的宽度，并且滚动条伸入其先前大小合适的内容中，迫使内容换行。示例:http://jsfiddle.net/w7Mm8/在示例中:在Firefox中，“五”换行到下一行，但在Chrome中(至少对于Mac)，它全部显示在一行上
(关于StackOverflow的第一个问题。希望我做对了。)我正在尝试创建一个float菜单，该菜单从其内容继承其宽度(因为我事先不知道宽度，即从URL加载)。我可以通过让菜单div绝对定位而不设置宽度或高度来做到这一点。当内容足够高需要滚动时，就会出现问题。我设置了“溢出:自动；”这样它就可以垂直滚动，但是新的滚动条不会使div变宽。取而代之的是，div保持相同的宽度，并且滚动条伸入其先前大小合适的内容中，迫使内容换行。示例:http://jsfiddle.net/w7Mm8/在示例中:在Firefox中，“五”换行到下一行，但在Chrome中(至少对于Mac)，它全部显示在一行上
我有一个定位的div，它的内容可能太长，所以会出现滚动条(overflow:auto设置)。它用作ajax应用程序中的对话框。我想在它的右上角修复一个关闭按钮，这样当用户滚动div时它就不会滚动。我用position:fixed;试过了右:0；top:0但是它将按钮放在页面的右上角而不是div中(在firefox中)。是否可以仅使用CSS来放置此按钮，而无需在每次滚动事件时使用js中的offsetWidth/Height进行破解？ps:div的高和宽不是固定值，它取决于内容的大小和浏览器窗口的大小。用户也可以根据需要调整它的大小。 最佳答案
我有一个定位的div，它的内容可能太长，所以会出现滚动条(overflow:auto设置)。它用作ajax应用程序中的对话框。我想在它的右上角修复一个关闭按钮，这样当用户滚动div时它就不会滚动。我用position:fixed;试过了右:0；top:0但是它将按钮放在页面的右上角而不是div中(在firefox中)。是否可以仅使用CSS来放置此按钮，而无需在每次滚动事件时使用js中的offsetWidth/Height进行破解？ps:div的高和宽不是固定值，它取决于内容的大小和浏览器窗口的大小。用户也可以根据需要调整它的大小。 最佳答案
