【问题标题】:Stop abolute divs moving when resizing the browser调整浏览器大小时停止绝对 div 移动
【发布时间】:2016-08-26 05:09:13
【问题描述】:

我创建了一个相对容器div,宽度为 100%,其中包含 5 个div 子元素。

我已将子元素设置为绝对并设置顶部和左侧像素定位。

但是,当我将浏览器变小时,我的子元素会移入并创建滚动条,我不希望这样,我希望子元素暂时保持原样,我确实打算最终学习媒体查询,但现在我只是希望他们留在相对父母div中的位置。

这是我的测试页面:http://www.hotelmedeals.com/indexx.html

【问题讨论】:

    标签: css html


    【解决方案1】:

    您已经以 % 为单位给出了“left:”位置,以像素为单位更改它们以保持它们静止...当您减小尺寸时,它们现在正在根据窗口的 % 更改左侧位置

    希望这会有所帮助!

    【讨论】:

    • 啊啊啊!好,谢谢!我使用了百分比,因为容器是 100% 宽度,因此我无法弄清楚如何使它们居中于不同的浏览器大小。我将如何将左侧设置为像素,以便它们看起来以不同的分辨率居中?问候杰米
    • 使用 float:left/right 并使用边距在框之间添加空间...因为如果您以像素为单位设置左侧位置,无论窗口大小如何,它都会坚持到该特定位置。
    • 嗯,我不太确定如果我理解这是如何工作的,我已经应用了浮动,但我仍然无法弄清楚如何将 3 个框居中,因为我需要将像素输入到 100% 宽度的父级中。
    • 如果你正在寻找这样的东西,你可以参考 Twiter Bootstrap:getbootstrap.com/2.3.2/examples/justified-nav.html
    • 如果您正在寻找类似的内容,还有更多示例:getbootstrap.com/2.3.2/getting-started.html#examples
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-01-12
    • 2020-12-15
    • 1970-01-01
    • 2011-10-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多