html - 如何在另一个 div 中创建一个固定的 div？

Question

亲爱的朋友们，我在我的网页设计中遇到了一个问题。我的布局如下，

<div class="main_div">
<div class="left_column">
<div class=="fixed_div"></div>
</div>
<div class="mid_column"></div>
<div class=="right_column"></div>
</div>

和 css 文件看起来像

    .main_div{
    float:left;
    width:80%;
    }
   .left_column{
    float:left;
    width:20%;
    }
    .mid_column{
    float:left;
    width:40%;
    }
    .right_column{
    float:left;
    width:20%;
    }

我想要做的是我需要将fixed_div固定在父元素内并将宽度设置为 100%。但它总是来自left_column。我将如何克服这个问题请帮忙。谢谢 请注意，有时我会从 jquery 更改 left_column 的宽度。所以当时 fixed_div 也必须调整为 left_column。

Answer 1

对于块元素，默认情况下您的问题已得到解决，因为它们具有width: auto;. 根本不要调整#fixed_div宽度，它会起作用。

PS 使用 ID 选择所有元素css- 不是一种好的样式，最好将其重新设计为类。

Answer 2

这应该有助于：

.fixed_div { 
   position: absolute; 
   left: 0; 
   top: 0; 
   width: 100%;
} 

.left_column {
   position: relative;
   float:left;
   width:20%;
}

Answer 3

为此，您已经浮动了所有元素，您必须使用 clearfix 技术来消除任何错误。并将 .fixed_div 设置为display: block;. 如果这对您没有帮助，请放置演示。实际上你遇到了什么问题。