保证金顶部没有处理未开发的元素

时间:2012-01-30 04:17:21

标签: html css

我有一个父div #modal_share,其中包含一个浮动div [{1}}和一个未展开的div modal_big_hlinemodal_big_button_container)。

创建了

clear: both的CSS,使其成为父div的宽度减去左右两侧的25px。

问题:更改modal_big_button_container的{​​{1}}不会导致它向上/向下移动,而是保持在同一位置,尽管可以看到它的边距使用Chrome的开发者工具进行更改。

为什么会发生这种情况,我该如何解决这个问题?谢谢!

CSS

margin-top

HTML结构

modal_big_button_container

JSFiddle: http://jsfiddle.net/5LG2w/

2 个答案:

答案 0 :(得分:2)

modal_big_button_container{
    position: relative;
      top: 20px;
}

这里是小提琴 - http://jsfiddle.net/5LG2w/2/

或者你可以把浮出.modal_big_hline。然后你的保证金最高可用 - http://jsfiddle.net/5LG2w/3/

#modal_big_button_container {
    height: 14px;
    width: auto;
    margin: 10px 25px 0px 25px;
    clear: both;
    background: red;
}

答案 1 :(得分:0)