CSS - 自动宽度浮动元件(可扩展浮点)
-
27-09-2019 - |
题
我具有由一侧上的两个液浮collumns侧。用户可以隐藏/折叠该collumns之一。在这种情况下,我想其他collumn扩大以适应整个容器。
这是可能的CSS?
在简历,它能够使浮子扩展到它的容器的大小? 即使元素是浮动的,如果它有宽度:汽车应该扩大。至少that's方式,我认为它应该工作。
解决方案
如果你的左边栏有一个隐含的大小,说250像素,和你的右列只有一个没有设置大小浮动,那么当左边栏是折叠应该填充容器。代码将如下所示:
#leftcol{
width:250px;
float:left;
clear:none;
}
#rightcol{
float:left;
overflow:hidden;
width:auto; /* This may or may not work */
}
其他提示
N up个,我不认为接受的答案实际工作。我只是尝试了同样的事情,这是解决方案...
.left {
float: left;
}
.right {
overflow: hidden;
/* don't float this one */
}
有floatet元件组overflow:auto; height:auto;
:)
不隶属于 StackOverflow