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

父级和子级,位置固定,父级溢出:隐藏的错误

郭鸿信
2023-03-14
问题内容

我不知道是否存在问题,但是我想知道为什么overflow:hiddenfixed父/子元素上不能使用。

这是一个例子:

CSS和HTML:

.parent{

  position:fixed;

  overflow:hidden;

  width:300px;

  height:300px;

  background:#555;

}

.children{

  position:fixed;

  top:200px;

  left:200px;

  width:150px;

  height:150px;

  background:#333;

}


<div class="parent">

  <div class="children">

  </div>

</div>

问题答案:

因为固定位置元素是相对于视口而不是其他元素固定的。因此,由于视口没有切断,因此溢流变得无关紧要。

具有position:absolute的元素的位置和尺寸相对于其包含块,而具有position:fixed的元素的位置和尺寸始终相对于初始包含块。通常是视口:浏览器窗口或纸张的页面框。



 类似资料:
  • 问题内容: 在CSS中,在父容器上设置,以使其随其浮动子代的高度扩展。 但是,当与… 结合使用时,它还具有另一个有趣的功能。 如果上一个同级是一个浮动元素,它将实际上并列出现。也就是说,如果同级容器是,则容器将显示在同级容器的右侧,没有换行符- 就像它在正常流中浮动一样。如果先前的兄弟姐妹是容器,那么容器将出现在兄弟姐妹的左侧。调整此容器的大小将准确地显示它在浮动元素之间的中心。说,如果你有两个以

  • 我试图理解我的意外行为: 容器中有一个最大高度为100%的元素,该容器也使用了最大高度,但意外的是,子元素溢出了父元素: 测试用例:http://jsfiddle.net/bq4Wu/16/ 但是,如果为父级指定了明确的高度,则这是固定的: 测试用例:http://jsfiddle.net/bq4Wu/17/ 有人知道第一个例子中孩子为什么不尊重父母的最大身高吗?为什么需要明确的高度?

  • 问题是要确定子数据的总和是否等于父数据。如果是,返回真,否则返回假。 下面是我的代码,在提交时出现错误。我知道这是一个简单的问题,但在编写了条件之后,我很难通过遍历所有左右节点来递归检查二叉树中每个节点的和条件。 请指导我,因为我哪里做错了。

  • 我有两个实体使用Spring和Hibernate

  • 问题内容: 在我的应用中,我必须经常在两种布局之间切换。错误在下面发布的布局中发生。 第一次调用布局时,没有发生任何错误,一切都很好。然后,当我调用不同的布局(空白),然后再次调用我的布局时,出现以下错误: 我的布局代码如下所示: 我知道之前曾有人问过这个问题,但对我来说没有帮助。 问题答案: 错误消息说明你应该做什么。

  • 我有两个从抽象类继承的类,它们有父子关系。 所以我使用了注释OneToOne和ManyToOne,但是子类中的父实体总是为空。有人能帮我吗,我花了几个小时谷歌和测试了许多conf,但没有成功。 这些是我的类中的代码: ... ... ... 如果我不添加@JoinCol列注释,JPA会创建一个关联表,但无法检索父级,而关联可以直接通过在数据库中请求来完成。 非常感谢你的帮助。 祝好