我有一个问题,确定哪些CSS类定义停止了左边栏(带粉红色背景的那个)在this page上的高度增长。哪个CSS定义停止左侧边栏DIV的高度增长?
我以前,我已经试过所有我能想到的,并研究了这里的许多问题,包括增加height:auto;
和overflow:auto;
到col-left
,sidebar
,col-main
和所有其他已经提到。
有人可以帮我识别它吗?
我有一个问题,确定哪些CSS类定义停止了左边栏(带粉红色背景的那个)在this page上的高度增长。哪个CSS定义停止左侧边栏DIV的高度增长?
我以前,我已经试过所有我能想到的,并研究了这里的许多问题,包括增加height:auto;
和overflow:auto;
到col-left
,sidebar
,col-main
和所有其他已经提到。
有人可以帮我识别它吗?
一眼就认为主要问题是对.col-left
的使用。 position:absolute
会导致该元素位于页面其余部分的流程之外。它的高度对其父项的结果高度没有影响(就像它不在父项内部一样)。
你太棒了马特,感谢您的耐心 - 这是我在这里问过的第一个问题! – 2013-02-19 20:35:35
查看页面源代码,元素的高度不是通过CSS指定的。如果您希望边栏增长,则需要指定高度和/或最小/最大高度属性。
将很多高度值设置为100%,在我能够增加内容的垂直空间之前,我一直走到页面div类。
我建议评估你是否应该在如此多的元素中使用特定的高度属性,你可能会无缘无故地束缚自己。
是的,我测试了每个人,这是我正在使用的包Magento根CSS。 – 2013-02-19 20:27:42
创建你在jsfiddle上发布的问题的简化示例。我甚至没有在你发布的链接中看到侧边栏... – bookcasey 2013-02-19 20:16:01
@bookcasey这是一个左边的粉红色侧边栏,我只是仔细检查了我发布的链接。我现在将创建一个jsfiddle,谢谢!\ – 2013-02-19 20:17:05
突出显示了页面相关部分的一个屏幕截图或两个屏幕截图,并说明它应该采取什么不同的操作也会有所帮助。 – 2013-02-19 20:17:51