草庐IT

positioning

全部标签

html - 如何在 Firefox 中将元素定位在其容器的底部?

我有一个表格单元格,我希望其中的一个div始终位于左下角。以下在IE和Safari中运行良好,但Firefox将div绝对定位在页面上,而不是在单元格内(代码基于解决方案解决方案here)。我已经测试了使用和不使用DTD,这将Firefox置于Quirks模式和标准模式,但都无法正常工作。我被卡住了-有什么想法吗?Testtable{width:500px;}th,td{vertical-align:top;border:1pxsolidblack;position:relative;}th{width:100px;}.manage{text-align:right;position:

css - 水平放置 div 元素,而不是垂直放置

我正在设计一个导航栏;其中的选项卡链接由CSS形状制作。为此,我在子元素上使用了很多position:absolute,并将父容器设置为position:relative。我还为他们设置了一个硬高度和足够的宽度,但它不起作用。即使使用overflow:..也不行。无论如何,我的选项卡框都是垂直放置的。我现在还没有头绪。“navBox”类div中的div具有position:absolute。点击here(jsfiddle)用于HTML和CSS代码,并观察输出结果。提前致谢 最佳答案 您需要您的.navBox类来display:inl

css - 水平放置 div 元素,而不是垂直放置

我正在设计一个导航栏;其中的选项卡链接由CSS形状制作。为此,我在子元素上使用了很多position:absolute,并将父容器设置为position:relative。我还为他们设置了一个硬高度和足够的宽度,但它不起作用。即使使用overflow:..也不行。无论如何,我的选项卡框都是垂直放置的。我现在还没有头绪。“navBox”类div中的div具有position:absolute。点击here(jsfiddle)用于HTML和CSS代码,并观察输出结果。提前致谢 最佳答案 您需要您的.navBox类来display:inl

html - 使用 CSS 的垂直布局而不使用中断元素?

是否可以仅使用CSS而不是使用HTML元素来实现垂直布局?我在一个div中有一个div列表。默认情况下,下一个元素在最后一个元素的右边,当右边没有位置时,它放在下面。我想通过CSS样式设置实现同样的效果。可能吗?我的意思是仅使用CSS,我们有div及其子元素,并且不添加任何特殊内容,例如:换行元素(,)UL标签表格(是的,仍在使用,例如JSF几乎完全基于它们)所以:Page1Page2Page3和CSS实现垂直布局:#menu{???}#menua{???}有没有???我可以用来实现我想要的吗? 最佳答案 将anchor标记显示为b

html - 使用 CSS 的垂直布局而不使用中断元素?

是否可以仅使用CSS而不是使用HTML元素来实现垂直布局?我在一个div中有一个div列表。默认情况下,下一个元素在最后一个元素的右边,当右边没有位置时,它放在下面。我想通过CSS样式设置实现同样的效果。可能吗?我的意思是仅使用CSS,我们有div及其子元素,并且不添加任何特殊内容,例如:换行元素(,)UL标签表格(是的,仍在使用,例如JSF几乎完全基于它们)所以:Page1Page2Page3和CSS实现垂直布局:#menu{???}#menua{???}有没有???我可以用来实现我想要的吗? 最佳答案 将anchor标记显示为b

html - CSS "left"不工作

我有2个div,父级和子级,我希望子级左侧(左边框)位于父级中心。为什么这段代码不起作用?那是left:50%给child,不工作。CSS:#outher{width:1000px;height:1000px;background-color:#ccc;}#inner{width:400px;height:300px;background-color:#090;left:50%;}演示http://jsfiddle.net/vrse2/5/ 最佳答案 您需要将position设置为absolute或relative:#inner{w

html - CSS "left"不工作

我有2个div,父级和子级,我希望子级左侧(左边框)位于父级中心。为什么这段代码不起作用?那是left:50%给child,不工作。CSS:#outher{width:1000px;height:1000px;background-color:#ccc;}#inner{width:400px;height:300px;background-color:#090;left:50%;}演示http://jsfiddle.net/vrse2/5/ 最佳答案 您需要将position设置为absolute或relative:#inner{w

html - 位置为 :absolute 的元素上的垂直空间

如何仅使用css使具有position:absolute和dynamicheight的元素占据垂直空间?我可以使用容器和显示的任何技巧吗? 最佳答案 不幸的是,根据定义,使用绝对定位意味着您的元素不再占用空间。所以不行,只有通过css是没有办法做到这一点的。您当然可以使用jQuery(或纯javascript)来完成此操作。我的做法是在每个垂直元素旁边放置一个space元素。在相对定位的div中包含空间元素和绝对定位的垂直元素。在页面加载时,更改height空间元素的高度与垂直元素的高度相匹配。

html - 位置为 :absolute 的元素上的垂直空间

如何仅使用css使具有position:absolute和dynamicheight的元素占据垂直空间?我可以使用容器和显示的任何技巧吗? 最佳答案 不幸的是,根据定义,使用绝对定位意味着您的元素不再占用空间。所以不行,只有通过css是没有办法做到这一点的。您当然可以使用jQuery(或纯javascript)来完成此操作。我的做法是在每个垂直元素旁边放置一个space元素。在相对定位的div中包含空间元素和绝对定位的垂直元素。在页面加载时,更改height空间元素的高度与垂直元素的高度相匹配。

html - 如何让内部div使用窗口滚动条?

我想在我的页面中使用一个不占据整个屏幕的div,当它的内容溢出时使用屏幕边缘的滚动条。我知道这听起来令人困惑,所以这里有一个例子:http://www.csszengarden.com/?cssfile=/202/202.css&page=1我会发布代码,但我不确定从哪里开始。有人可以用HTML和CSS为我指出正确的方向吗? 最佳答案 一个技巧是覆盖一个或多个静态图像或框并固定它们的位置,然后调整整个页面的可滚动区域的大小,您的内部,使其宽度适合覆盖区域暴露(即未覆盖)的“可视区域”(您可以使用填充来实现此目的)。我做了一个demo