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

100%DIV宽度不是100%

姚胡媚
2023-03-14
问题内容

当我有一个<div>with时width: 100%,它并不是100%:

<div id="div">testtesttesttesttest</div>

...

#div {
  width: 100%;
  background-color: red;
}

现在,当您调整窗口大小时,会有一个水平滚动条,然后向右滚动,则背景消失了。在这种情况下如何保持背景?

现在,当您调整窗口大小并向右滚动时,您将不再看到背景。如何解决这个问题?


问题答案:

100%值是父级宽度或视口的100%。请参阅文档。



 类似资料:
  • 问题内容: 我想显示一个带有边距的可扩展()… 这是我的代码: 这是我的CSS代码: 问题答案: 您可以使用以下CSS达到所需的结果:

  • 问题内容: 我正在尝试根据元素的(100%)高度使用宽度大小制作一个响应式正方形。我相信仅使用CSS是不可能的。 正方形宽度应等于高度(大型容器的100%。大型容器大于屏幕的100%)。该比例必须为width = height才能保持正方形。 问题答案: 好的,这里的解决方案。

  • 我试图设置一系列div的背景图像,每个都有自己固定的高度,并拉伸以填充宽度,即使顶部/底部有溢出被剪辑。我只是不想边缘有空白。 目前,我有:http://jsfiddle.net/ndKWN/ CSS

  • 问题内容: 我正在尝试使图像(动态放置,不受尺寸限制)的宽度与其父div一样宽,但前提是该宽度不比其自身的宽度100%宽。我已经尝试过,但无济于事: 这些图像中的许多图像都比其父div宽得多,这就是为什么我希望它们进行相应调整的原因,但是当其中弹出一个小图像并放大到超出其正常尺寸时,它看起来确实很糟糕。有什么办法吗? 问题答案: 仅指定一个,就应该这样做。

  • 我有两个面板,一个是边栏,100%高,100px宽(紫色),我还有一些按钮(橙色),然后我有一个右面板,顶部div是100%宽,100px高(绿色),这个面板包含3个右浮动按钮(灰色)。 现在在这个顶部面板下方,我有一个内容div,应该是剩余宽度的100%和剩余高度的100%(黄色),但是当您添加更多侧边栏按钮(橙色按钮)时,黄色面板会在底部插入一个白色边框,如果您调整浏览器窗口的大小,它也水平放

  • 问题内容: 我加载了Google Maps API v3,并在中打印了Google Map 。但是,当将width&height设置为100%并且是auto时,我看不到地图。 这是HTML代码段。 有没有解决此问题的方法? 问题答案: 如果要用它覆盖整个页面,则必须将所有父容器的宽度设置为100%。您必须至少为#content div的宽度和高度设置一个绝对值。