当前位置: 首页 > 面试题库 >

设定头寸绝对值

梅跃
2023-03-14
问题内容

我想将一个元素设置为positionabsolute并设置一个margin-bottom,但似乎margin-bottom没有效果。

HTML:

<div id='container'></div>

CSS:

#container {
  border: 1px solid red;
  position: absolute; 
  top: 0px;
  right: 0px;
  width: 300px;
  margin-bottom: 50px; // this line isn't working
}

问题答案:

margin-bottom当您的元素位于其顶部时,您会期望做什么?

margin-bottom``absolute如果元素没有top属性,则只会对放置位置的元素执行任何操作。



 类似资料:
  • 当一个元素的 position属性设置为 absolute 或 fixed,它将使用绝对定位。绝对定位的元素将从文档流中完全删除,它原先在正常文档流中所占的空间会关闭,就好像该元素不存在一样,因此不会在原先的位置留下空白。 绝对定位的元素相对它的包含块进行定位。position: absolute 元素的包含块是最近已定位(position属性被设置,且不是static)的祖先元素,如果没有已定位

  • 给定一个acrokey,是否可以找到该特定字段的绝对位置和尺寸(getLeft,getTop,getWidth,getHeight)?

  • 问题内容: 根据W3Schools: 相对定位的元素通常用作绝对定位元素的容器块。 为什么是这样?有没有很好的例子? 问题答案: 一个很好的例子是当您想将某些内容放置到页面上或相对于容器/ div放置时。 这向您显示,如果绝对div不在“相对” div内,则内容将与文档主体对齐。 请注意,绿色div()的div内部()的对齐方式为的上/右对齐。 蓝色框()具有与绿色框()完全相同的HTML布局,但

  • 问题内容: 如何确定OrganizationUnit(from )的绝对ID ?当我从树中选择一个节点时,organizationUnit应该显示选定的节点。我不能使用相对ID,因为p:ajax元素与organizationUnit组件不在同一命名容器中。在这种情况下,我需要使用绝对ID。使用Firebug时,组件的ID为。这不是组件的绝对ID吗? 编辑1 custom:include的配置如下:

  • 问题内容: 请考虑以下代码: 具有绝对定位的元素明显使容纳箱“忘记”他需要的高度。 我需要在“节”(section)框内进行绝对定位,对此还有其他解决方案吗? 在此先感谢geronimo 编辑 使用表并不是真正的选择,我需要某种“多级” /“嵌套”布局,其中第二个col始终位于同一位置: (当然没有“ |”的情况下) 问题答案: 使用时,该元素将从正常页面流中删除。因此,它不再影响其容器元素的布局

  • 问题内容: 在itext中,我有一个块/短语/段落(我不介意哪个),我想将页面上的其他位置放置在例如300 x 200的位置。我该怎么做? 问题答案: 最后,我编写了自己的方法。