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

CSS 100%高度,绝对定位上0下0

郁隐水
2023-03-14
问题内容

我最近发现了一个使用绝对位置div的站点,其上,左,右和下限值均设置为0。这创建了100%高,100%宽的div。我现在也在使用此功能,并且想知道是否有任何理由不这样做?

它确实运行良好,这是一个简单的解决方案,而我使用的另一种方式则存在无法修复的错误。我正在使用的应用程序应该只占用浏览器窗口的任何位置,并且永远不需要更大。


问题答案:

我现在也在使用此功能,并且想知道是否有任何理由不这样做?

这项技术在现代浏览器中非常有效-没有理由不使用它。

(除非您关心某些真正的旧浏览器(IE5 / 6?),它们不支持在同一元素上设置topandbottomleftand right)_



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

  • 问题内容: 我知道什么是绝对位置和相对位置,但是我仍然不清楚一些要点。以供参考 CSS: 的HTML: 现在的要点是: 相对div自动采用100%宽度,但绝对div仅采用内容宽度。为什么? 当我给高度100%时,相对div无效,但绝对div的高度为100%。为什么? 当我给margin-top:30px时,它也偏移绝对div,但是当我给top:30px时,则只有相对div偏移。为什么? 当我不给绝

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

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

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

  • 我有一些容器,它们的子容器仅处于绝对/相对位置。如何设置容器的高度,使其孩子在容器内? 代码如下: HTML CSS 这里有一个jsfiddle。我希望“栏”文本出现在4个方格之间,而不是它们后面。 http://jsfiddle.net/Ht9Qy/ 有简单的解决办法吗? 请注意,我不知道这些孩子的身高,也不能为容器设置身高:xxx。