gpt4 book ai didi

css - 负边距布局在小窗口尺寸上发生变化

转载 作者:太空宇宙 更新时间:2023-11-04 15:31:29 24 4
gpt4 key购买 nike

我的布局遇到了一个奇怪的问题,它在整个窗口中看起来很好,但在我调整窗口大小时开始向右移动。

要求是有 3 个全高列,其中 2 个具有固定宽度,另一个占据剩余空间。

我无法控制看起来像这样的 html:

<div id="wrapper">
<div id="main">

<div id="nav">
</div>

<div id="container">
<div id="content">
</div>
<div id="sidebar">
</div>
</div>
</div>
</div>

我想出了一种使用负边距和相对定位来完成所有这些操作的方法,效果很好,除了当窗口非常小时,整个内容会向右移动。我有一个简单的解决方案来防止这种情况发生吗?我也想知道为什么会这样,因为我无法全神贯注。

JSFIDDLE:

http://jsfiddle.net/u5yJd/

最佳答案

CSS 中的两个修复:

  • #wrapper 上核对margin-left 并设置left: 0px;
  • #main 上添加 left: 264px;

固定 fiddle只有这些变化。

你的 #wrapper 离窗口的左边很远,你希望你的 #wrapper (在这种情况下)在窗口中,否则定位它会得到一个有点时髦。

关于css - 负边距布局在小窗口尺寸上发生变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13326933/

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