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

设置“位置:固定” div相对于父div的宽度

曹育
2023-03-14
问题内容

我正在尝试给div(位置:固定)的宽度为100%(与其父div有关)。但是我有一些问题

编辑: **第一个问题是通过使用继承解决的,但它仍然无法正常工作。我认为问题在于我正在使用多个采用100%/继承宽度的div。

福克斯的例子

#container {
    width: 800px;
}

#fixed {
    position: fixed;
    width: 100%;
}

html

<div id="container">
    <div id="fixed">Sitename</div>
    <p>
        blaat
    </p>
</div>

问题似乎是 固定元素始终采用window / document的宽度 。有人知道如何解决吗?

我无法使用我的固定元素进行固定,因为我正在使用jScrollPane插件。是否有滚动条取决于内容。

非常感谢!

PS:2个div的文本彼此重叠。这只是一个示例,因此并不重要。


问题答案:

我不确定第二个问题是什么(基于您的编辑),但是如果您将其应用于width:inherit所有内部div,则可以使用

您可能需要研究需要支持和不支持的浏览器的javascript解决方案 width:inherit



 类似资料:
  • 问题内容: 我在另一个div内有两个div,我想使用css将一个子div放在父div的右上角,另一个子div放在父div的底下。即,我想对两个子div使用绝对定位,但是将它们相对于父div而不是页面定位。我怎样才能做到这一点? 范例html: 问题答案: 这工作,因为手段类似“使用,,,来定位自己相对于谁拥有最近的祖先或”。 因此,我们使have 和子代都有,然后使用和定位子代。

  • 问题内容: 我正在尝试使用以下方法修复一个问题,使其始终停留在屏幕顶部: 但是,该容器位于居中的容器中。当我使用它时,它固定了相对于浏览器窗口的相对位置,例如它靠在浏览器的右侧。相反,它应该相对于容器固定。 我知道可以用来相对于修复元素,但是当您向下滚动页面时,该元素消失并且不会像那样粘在顶部。 是否有破解或解决方法来实现这一目标? 问题答案: 简短的回答: 不。 (现在可以使用CSS转换。请参见

  • 正如您可以在下面的CSS中看到的,我希望将自己定位在之前。这是因为我目前正在开发的网站也应该在移动设备上工作,其中应该在底部,因为它包含我想要在移动设备上的内容下面的导航。-为什么不是2个主页?这是整个超文本标记语言中唯一被重新定位的两个,所以这一微小变化的两个主页是一个过度。 超文本标记语言: CSS: 具有动态高度,因为不同的子网站可能有更多或更少的导航项。 我知道绝对定位元素从流中移除,因此

  • 问题内容: 如您在下面的CSS中所看到的,我想将自己定位在之前。这是因为我当前正在开发的网站也可以在移动设备上工作,该网站应该位于底部,因为它包含了我想要在移动设备内容下方显示的导航。-为什么没有2个母版页?这是在整个HTML中重新定位的仅有2个,因此,此较小更改的2个母版页是一个过大的功能。 HTML: CSS: 具有动态高度,因为不同的子站点可能具有更多或更少的导航项。 我知道绝对定位元素已从

  • 问题内容: 我想发生的是内部div占用其父div(outer)分配的空间的50%。取而代之的是,将获得视口可用空间的50%,这意味着随着浏览器/视口尺寸的缩小,它也会缩小。 鉴于外div有的,我希望内部的div至少宽。 问题答案: 在节点上指定非静态位置意味着将其用作其中绝对位置元素的参考 我们可以更改定位上下文-绝对定位的元素相对于哪个元素定位。这是通过在元素的祖先之一上设置位置来完成的。

  • 本文向大家介绍两个嵌套的div,position都是absolute,子div设置top属性,那么这个top是相对于父元素的哪个位置定位的?相关面试题,主要包含被问及两个嵌套的div,position都是absolute,子div设置top属性,那么这个top是相对于父元素的哪个位置定位的?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: margin的外边缘