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.So更改left_column的宽度。当时fixed_div也必须调整为left_column。

Answer 1

对于块元素，默认情况下，您的问题是width: auto;。根本不要调整#fixed_div宽度，它会起作用。

P.S。使用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;。如果这对您没有帮助，请进行演示。你究竟遇到了什么问题。

如何在另一个div内创建一个固定的div？

3 个答案: