0

我整天都在尝试解决这个问题,但到目前为止还没有运气。我觉得我知道该怎么做,但似乎无法编写代码。我slideToggle()用来显示/隐藏一组选项。但是,当我隐藏选项时,div底部的 会改变它的高度。我能做些什么来避免这种情况发生?我希望高度保持不变。

我的猜测是您需要创建slideToggle()一个函数并使用 if/else 语句,但似乎无法弄清楚。

请参阅 JSFiddle 上的一个工作示例,了解我到目前为止所拥有的内容。

有什么建议么?谢谢你的帮助。

4

2 回答 2

2

制作它position:absolute并给出一个top

小提琴

#radio-buttons {
    width: 288px;
    height: 20px;
    font-size: 11px;
    border-right: 1px solid #BCBCBC;
    border-bottom: 1px solid #BCBCBC;
    float: left;
    background: #FFF;
    padding: 6px;
    position:absolute;
    top:35px;
    
}

#box-below {
    width: 300px;
    height: 200px;
    border-right: 1px solid #8D8D8D;
    border-bottom: 1px solid #8D8D8D;
    /*Removed float*/
}
于 2013-05-22T05:06:52.830 回答
0

如果不能像 PSL 建议的那样在元素上使用绝对定位,则可以修改 div 的高度#radio-buttons并清除 div 上的浮动#box-below

JSFiddle

CSS

#box-below {
    width: 300px;
    height: 200px;
    border-right: 1px solid #8D8D8D;
    border-bottom: 1px solid #8D8D8D;
    float: left;
    clear: both;
}


#radio-buttons {
    width: 288px;
    height: 14px;
    font-size: 11px;
    border-right: 1px solid #BCBCBC;
    border-bottom: 1px solid #BCBCBC;
    float: left;
    background: #FFF;
    padding: 3px 6px 9px;
}
于 2013-05-22T05:09:53.467 回答