Html 如何在调整窗口大小时清除绝对定位的项目？

因此，默认情况下，如果调整窗口的大小，绝对定位的div将从视图中消失，但仅在div的左侧。是否可以在右侧实现相同的效果

我的意思可以在这里找到：

如果将浏览器窗口的大小调整到1010px以下，您将注意到导航栏的左侧消失，但如果向右滚动，导航栏的右侧将保持在位

基本上我的contentdiv设置为1000px。我的导航条是1050，它位于内容分区的中心，具有绝对位置，因此它挂在内容分区的每侧25px上。当浏览器大小降到1050px以下时，我希望25px区域塌陷，不可见。默认情况下，浏览器会在左侧执行此操作，但不会在右侧执行

---

你能像清理左边一样清理右边吗？我试着研究它，但我得到了一堆垃圾，因为搜索词被扭曲了。

我看不出Chrome上的问题。但是，您没有设置

top

或

left

，它默认为0,0表示top和left，因此它附加到其相对父对象的左上角。如果要将其附加到右上角，可以将其

right: 0;
top: 0; /* Don't need this, it's the default;

通过“看不见”，我认为你的意思是超出你设定的内容宽度

看看负面定位<强>左：-20px；右：-20px

 <style type="text/css">
   div { position:absolute; left:-20px; right:-20px }
 </style>

div{位置：绝对；左：-20px；右：-20px}

希望有帮助

---

Rob

您的布局不需要任何绝对定位，它会让您头痛不已

您可以使用灵活的外部边距或外部填充，而不是在中间使用固定宽度的div

/*Mobile*/
.outermargin {padding:0% 0% }

    /*Screen*/
    @media only screen
    and (min-width : 700px) {
        .outermargin { padding: 0% 7%; }
    }
    @media only screen
    and (min-width : 1400px) {
        .outermargin { padding: 0% 20%; }
    }

根据需要使用边距或填充。。。这种CSS结构是一种方法，一旦你习惯了它，它会变得更加流畅和容易

或者您可以使用以下方法将其全部居中：

    #mycontainer { 
       margin: 0 auto; max-width:30em; }