html - CSS:调整大小的立场?

标签 html css

无论我尝试什么, float 或绝对位置,在调整大小时都会失败并改变位置。

我尝试了普通的菜单和 div 元素,但如果我在浏览器中调整大小,它会改变位置。

当您调整大小时,我想要的是它保持位置不变,因此您必须向左滚动才能看到 float 元素/定位元素。

例如 stackoverflow.com 或 facebook,如果您调整大小并尝试移动浏览器的两侧,您会发现没有任何东西在移动,并且滚动越长,浏览器越小。

检查这里: http://jsbin.com/ezaco4 然后调整它的大小并尝试将浏览器向右移动,您会看到它移动了。

它可能是一个自然的 html,但我怎样才能得到我想做的,所以它保持位置?

最佳答案

实现一个固定宽度的容器。您的示例位于 body 中,因此它将调整大小以适应容器的宽度,在本例中为 body。

<body>
    <div style="width: 700px;">
        <ul style="float: right;">
            <li>item 1</li>
        </ul>
    </div>
</body>

关于html - CSS:调整大小的立场?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3534824/

相关文章:

html - 如果不使用正则表达式,HTML 解析如何工作?

javascript - Skel js 折叠导航不工作 iOS

css - 使嵌套的 div 拉伸(stretch)到剩余容器 div 高度的 100%

html - 将绝对定位的子菜单向前推进?

html - div中的居中对齐文本框

html - 带有 overflow-y 的段落 :scroll is displacing my downside Div

javascript - 使用 innerHTML,安全问题是什么?

html - 如何使作为表格单元格子元素的 div 响应 td 大小

javascript - 播放网络音频时 Chrome Css 动画中断

html - 可以延伸到其父项之外的文本区域?