Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 滑动切换到div float left_Jquery_Css - Fatal编程技术网
Fatal编程技术网
  • jquery/
  • Jquery 滑动切换到div float left

Jquery 滑动切换到div float left

jquery css

Jquery 滑动切换到div float left,jquery,css,Jquery,Css,我对jquery sliderToggle（）有问题。所以我有两个div，带有一个float:left样式属性。我在每个div上都有一个按钮，用于最小化和最大化 但每当我按下按钮时，div就有点像相对于它旁边的div的min/max'ing，而不是它自己的min/max'ing 下面是JSFIDLE中的一个示例 如果我删除float:left，它可以正常工作属性，但我希望使div彼此相邻。 要使div在最小化时向下滑动，请使用display:inline block；垂直对齐：底部对齐而不是浮

我对jquery sliderToggle（）有问题。所以我有两个div，带有一个
float:left样式属性。我在每个div上都有一个按钮，用于最小化和最大化

但每当我按下按钮时，div就有点像相对于它旁边的div的min/max'ing，而不是它自己的min/max'ing

下面是JSFIDLE中的一个示例



如果我删除
float:left，它可以正常工作属性，但我希望使div彼此相邻。


要使div在最小化时向下滑动，请使用
display:inline block；垂直对齐：底部对齐而不是
浮动：左。仅此而已。
我真的不明白最小化后的效果如何？我希望单个窗口向下滑动，并在最小化时将另一个div保持在其原始位置/状态。在div中添加一些文本。您会注意到div正在正确地最小化。我不明白你到底在说什么want@Rhea最小化时div向上滑动，而不是向下滑动当我按下按钮时，
聊天窗口
部分仍然向上滑动，但我不知道如何使其向下滑动。例如，如果我点击A上的btn，A的窗口将向上，然后当我点击B时，两个窗口都将向下滑动。我想做的是，当我点击btn时，让窗口A向下滑动，而窗口B仍然向上。这有点像facebook上聊天标签的表现。嗯，对于我来说，内置blockChrome的div仍然在向上滑动，但我只是在firefox上试用了一下，效果不错。还有什么方法可以让它在chrome上运行吗？@iyuu更新，现在可以在webkit中使用
vertical align:bottom