当内容向左浮动时，Materialize css可折叠不适合其内容
当内容向左浮动时，Materialize CSS的可折叠组件并不适合其内容。
Materialize CSS是一个现代化的响应式前端开发框架，具有丰富的组件和样式，用于构建漂亮的用户界面。它基于Google的Material Design设计原则，提供了一套直观和易于使用的CSS和JavaScript组件。
可折叠组件是Materialize CSS中的一个常用组件，用于实现可折叠的内容块。通常，当内容向左浮动时，我们希望内容在同一行中显示，而不是被折叠起来。可折叠组件的作用是在需要时折叠内容，节省页面空间，而不是控制内容在左侧浮动的情况。
如果想要实现内容向左浮动并且不折叠的效果，可以使用其他适合浮动布局的CSS类或技术来实现。例如，可以使用CSS的float属性来控制元素的浮动效果，并使用适当的样式和布局来确保内容不被折叠。
总结起来，当内容向左浮动时，Materialize CSS的可折叠组件并不适合，可以通过其他适合浮动布局的CSS类或技术来实现内容不被折叠的效果。
相关·内容
首先看看这里，当div元素不向左浮动时：https://jsfiddle.net/vdsg824f/ 然后看看这里，当div元素向左浮动时：https://jsfiddle.net/p07ashn4/9/ 我希望在第一种情况下，可折叠的内容可以扩展到适合它的所有内容。 float: left;
wid
浏览 10提问于2021-01-08得票数 1
回答已采纳
2回答
在我的常规CSS样式中，我为所有图像声明了一个(max-width 100%)规则。然而，图像仍然是灵活的……这是怎
浏览 0提问于2014-12-12得票数 0
图像:向左浮动，标题:向右浮动，文本:向右浮动内容按其应有的方式显示:左侧是图像，右侧是其旁边的标题和文本。不幸的是，当浏览器调整到一个较小的尺寸时，标题和文本会缩小并保持其位置向右。我希望标题和文本移动到下面的图像时，浏览器的宽度足够小。
浏览 0提问于2014-04-05得票数 0
1回答
所以它是一个包含在一个固定宽度为700px的div中的a标签的集合，其内容是向左浮动的。在父链接上启用了onclick函数，当单击该函数时，将运行以下内容： if($('#random-word01').css('display') !我认为改变这一点的最好方法是将div放在一个无序列表中，并将它们全部向左浮动，而不是水平浮动。然而
浏览 1提问于2014-05-11得票数 2
>第一行浮动在中心位置，其他行则向左浮动。我将CSS用于id book，它的容器如下所示： #container但我希望当分割转移到第二行时，它们会
浏览 0提问于2014-07-14得票数 0
浮动元素和绝对定位元素都将从文档流中删除。那么为什么clearfix hack只适用于浮动元素，而不适用于绝对定位的元素呢？
浏览 6提问于2016-05-13得票数 1
我的问题如下：
我是HTML和CSS的新手，最近开始自学，所以任何帮助都会非常感谢，如果这是一个愚蠢的问题，请提前道歉哈哈！
浏览 32提问于2017-02-23得票数 0
回答已采纳
6回答
如果我有三个元素放在右边，为什么顺序在后面(参见jsfiddle)，元素1是右侧的第一个元素，而元素3实际上是最后一个元素。[3] [2] [1][1] [2] [3]
浏览 2提问于2011-11-28得票数 88
回答已采纳
1回答
我遇到了两个左浮动框的问题，它们没有被Internet 7正确地呈现。
我有两个小的div框，包含一些表单元素，彼此相邻，它们都是向左浮动的。当页面加载到Internet 7中时，第一个框(有25 if的左边距)最初会正确显示，但是当页面完成加载时，它突然向左跳去，好像它没有任何边距。当我将这两个框设置为浮动时:对，问题似乎已经解决了，但我真的需要让它们向左浮动。有谁知道如何解决这
浏览 1提问于2011-01-06得票数 1
在我看来，当浮动两个div而不是一个div时，我们得到了完全不同的行为。在本例中，左边栏浮动在主div中。left-sidebar" style="float:left; width:10%;"></div>但是在这个中，主div没有浮动在右边栏中，不同的是我们在布局中也有另一个
浏览 0提问于2014-01-25得票数 0
我认为如果文本跟随标记中的浮动元素，那么该文本将围绕该元素流动。那么为什么下面的示例会产生所示的结果呢？BETWEEN RED AND BLUE<div class="float block green">Green</div>
和CSS
浏览 0提问于2012-05-04得票数 1
回答已采纳
位于此处的预订系统
有3个主要的可折叠面板由spry框架控制。然后，在第一个可折叠面板中还有十几个，正如您在该页面上看到的那样。当您按下其中一个“了解更多”按钮打开其中一个时，您将看到它所在的主要可折叠面板也会展开，以适应该内容和合同，如果您再次关闭较小的面板。然而，一旦你转到下一个可折叠的主面板“summery and there”，然后通过按下“back”按钮返回到第一个主面板，就会出现问题。现在，如果您打开第一个主面板中的一个较小的面板，您将看到主面板不会展开以适
浏览 0提问于2010-06-05得票数 0
回答已采纳
1回答
我创建了一个内容类型，名为“具有库的图书页”。
我尝试添加一些CSS，使图片“向左浮动”(field__item是包含图片的div类)： float: left;如您所见，图书导航项也会浮动:-(
提前感谢
浏览 0提问于2017-09-06得票数 -1
回答已采纳
1回答
我想我需要更多关于浮动的概念的帮助。这一次，我的问题围绕着向左浮动两个或多个元素。这到底是怎么回事？我知道浮点数将元素的子元素从页面中移出，并将它们一直移动到左侧。所有其他元素的反应都是围绕着.但是浮动两个元素的概念如何适用于此呢？
以下是我所理解的:假设我有两个DIVs，a和b。向左浮动a，b的内容将环绕它.但如果我把b漂到左边..。内容如何响应？第一个DIV有一个内联样式，将它向左浮动.但是看到第二个没有内嵌样式
浏览 3提问于2012-08-04得票数 4
回答已采纳
1回答
具有响应内容的固定可折叠左侧边栏
、、、、
我的目标是在左边有两个固定和可折叠的侧边栏，并在侧边栏崩溃/展开时在右边有主要内容“跟随”。但是让我们一步一步地前进。我希望左边是可折叠的固定侧边栏，当侧边栏被折叠时，主内容(在侧边栏的右边)被展开。
这里的问题是边栏有一个固定的位置，所以它右边的内容必须向右推(用左边距)以避免重叠。我知道侧边栏的宽度，所以使用CSS/JavaScript不是问题，这里有一个
浏览 3提问于2017-09-27得票数 0
回答已采纳
2回答
I有一个不受限制的/未绑定的DIV标记，这些标记向左浮动。因此，如果DIV为32x32，则屏幕右侧将留下一个32x32空间。在这种情况下，我希望父DIV对内容进行居中，因此，例如，如果作为包装的结果，右侧有一个32 in空间，它将调整子内容，使其左侧为16 in，右侧为16 in。我想将这些DIV放在父类的内部，以
浏览 7提问于2010-09-18得票数 1
回答已采纳
2回答
我正在使用框架为我的网站。我正在使用滚动间谍功能的导航栏。但我想改变默认的红色到白色，并从垂直线改为水平线之下的导航链接。
我想要的是用于滚动间谍功能的JS代码。 $('.scrollspy').scrollSpy();我不知道该改哪一门课。
浏览 2提问于2016-02-11得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
