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

-1

亲爱的朋友们，我在网页设计中遇到了一个难题。我的布局如下，如何在另一个div内创建一个固定div？

<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。

来源

2013-03-11 vinu

对于块元素，您的问题在默认情况下是固定的，因为它们有width: auto;。不要调整#fixed_div宽度，它会起作用。

P.S.使用ID选择css中的所有元素 - 并不是一种好的风格，更好地将其重新修改到类中。

来源

2013-03-11 10:57:01

感谢friend.I会改正这一点。 – vinu 2013-03-11 11:01:05

感谢朋友，它解决了这个问题。调整'＃fixed_div'给出了问题。现在它工作。谢谢 – vinu 2013-03-12 02:20:37

这应有助于：

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

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

来源

2013-03-11 10:58:16 Morpheus

我想，你明白这里的错误解释。请检查下面的帖子。 – 2013-03-11 11:01:58

您已漂浮了这一点，你必须使用clearfix技术，以消除任何错误的所有元素。并将.fixed_div设置为display: block;。如果这不起作用，请放置演示。你究竟遇到了什么问题。

来源

2013-03-11 11:49:33

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

回答

相关问题