我整天都在尝试解决这个问题,但到目前为止还没有运气。我觉得我知道该怎么做,但似乎无法编写代码。我slideToggle()
用来显示/隐藏一组选项。但是,当我隐藏选项时,div
底部的 会改变它的高度。我能做些什么来避免这种情况发生?我希望高度保持不变。
我的猜测是您需要创建slideToggle()
一个函数并使用 if/else 语句,但似乎无法弄清楚。
请参阅 JSFiddle 上的一个工作示例,了解我到目前为止所拥有的内容。
有什么建议么?谢谢你的帮助。
我整天都在尝试解决这个问题,但到目前为止还没有运气。我觉得我知道该怎么做,但似乎无法编写代码。我slideToggle()
用来显示/隐藏一组选项。但是,当我隐藏选项时,div
底部的 会改变它的高度。我能做些什么来避免这种情况发生?我希望高度保持不变。
我的猜测是您需要创建slideToggle()
一个函数并使用 if/else 语句,但似乎无法弄清楚。
请参阅 JSFiddle 上的一个工作示例,了解我到目前为止所拥有的内容。
有什么建议么?谢谢你的帮助。
制作它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*/
}
如果不能像 PSL 建议的那样在元素上使用绝对定位,则可以修改 div 的高度#radio-buttons
并清除 div 上的浮动#box-below
。
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;
}