gpt4 book ai didi

javascript - 在没有浏览器滚动的情况下,div 比浏览器宽

转载 作者:行者123 更新时间:2023-11-28 05:08:24 24 4
gpt4 key购买 nike

我正在设计一个布局,其中主要内容 div 的宽度为 970 像素。在这个 div 的后面,我想要一个尺寸为 1200x600px 的 div(它将包含一个 flash 对象)定位如下:

width:1200px;
height:600px;
position:absolute;
left:50%;
margin-left:-600px;

问题是当浏览器的宽度小于 1200px 时,它会出现水平滚动条。我可以通过以下方式解决这个问题:

body {overflow-x:hidden;}

但我确实希望它在宽度小于 970 像素时具有水平滚动条。

基本上,我试图让 1200 像素的 div 表现得更像一个 css 背景图像。有什么想法吗?

最佳答案

这在没有 JavaScript 的情况下有效:

<body style="margin:0">
<div style="position:absolute;width:100%;height:600px;overflow:hidden;min-width:970px;z-index:0;">
<div style="position:absolute;width:1200px;height:600px;left:50%;margin-left:-600px;">
--flash object--
</div>
</div>
<div style="position:absolute;width:100%;z-index:100;">
--main content--
</div>
</body>

更新:必须进行更改以适应您的绝对 div 定位(父 div 也必须绝对定位)

关于javascript - 在没有浏览器滚动的情况下,div 比浏览器宽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3643965/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com