代码之家 › 专栏 › 技术社区 › Chance

宽度为100%的绝对定位DIV仅与原始窗口大小一样宽

css

Chance · 技术社区 · 16 年前

我有一个绝对定位的分区,它的宽度为100%,背景图像水平平铺。当浏览器缩小到浏览器宽度小于页面宽度时,DIV背景色的其余右侧部分将被截断。

有没有更好的方法或黑客来解决这个问题?

示例如下: link 有问题的DIV是菜单。

编辑: 要澄清,请减小浏览器的大小,以便页面的整个宽度(960px)需要滚动条。此时,100%的“页面”或可视区域实际上小于100%的内容。当发生这种情况时,菜单的背景不跨越需要向右滚动才能看到的其余内容。

此问题出现在ie7、ie8和firefox 3.5中。我还没有测试其他浏览器,但是我只能假设这也发生在那里。

谢谢

1 回复 | 直到 16 年前

Dominic Bou-Samra 16 年前

添加:

min-width: 960px;

到菜单DIV选择器。帮我修好。

至于实际的代码结构,正如有人指出的(但很快就删除了他们的文章),也许可以用更合理的布局来构造元素。没有理由将菜单作为底部的子元素(据我所知)

它是一个更线性、更自由流动的代码结构,而不是一堆随意排列的意大利面容器。

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

Mass · 如何在Tailwind CSS v4中创建配置

1 年前

magenta placenta · 将css变量合并为一个变量

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前