CSS
一个被代码耽误的厨子
想做一只无忧无虑的熊
展开
-
min-height到底是什么?
如果我有一个盒子A,A设置了min-height的高度为200px;并设置了overflow:auto,那么如果里面的内容超过了200px,他会出现滚动条吗?因为如果是这样的话,那么这个盒子其实就是没有高度的,如果该盒子有子元素,那么子元素设置高度的时候,没法继承父元素的高度。如果内容小于盒子高度,则最终高度为盒子高度;如果内容大于盒子高度,那么盒子会被内容撑开变大。答案是:不会,案例如下。那如果解决这种问题呢?原创 2023-08-21 10:42:40 · 1137 阅读 · 0 评论 -
flex:1盒子的内部盒子高度不可设置为100%
如图,设置一个盒子的宽高为200px,第三个盒子设置为flex:1,效果如下可以看到第三个盒子会自动占据所有的空间,如果内容过多,则高度会更大,但是超出部分会隐藏,此时我们可以设置overflow:auto使其出现滚动条那么问题来了,我们把代码更改如下:如果此时我在第三个盒子里又放一个子盒子,然后设置子盒子的高度是100%,并且设置overflow:auto,那么子盒子的高度和父盒子是完全一样的,如果当内容超多,不也是会出现滚动条吗,但是事实却不是这样,而是直接显示出来了。原创 2023-08-07 14:23:26 · 1279 阅读 · 0 评论 -
动态class优先级高于原先class
由此看出,虽然动态class在原先class的前边,但是仍然会覆盖原先的class。原创 2023-08-01 17:21:02 · 92 阅读 · 0 评论 -
postcss.config如何配置
它的作用是定义PostCSS要使用哪些插件以及这些插件应该如何运行和排序。在一个Vue项目中,如果要自定义PostCSS配置,可以创建一个名为。三个插件添加到PostCSS的插件列表中,并按照顺序依次运行它们。两个插件添加到PostCSS的插件列表中,并按照顺序依次运行它们。中进行额外的配置,因为默认情况下Vue CLI会自动加载。但是,如果你想覆盖默认配置或添加其他配置项,则可以在。的文件并导出一个包含所需配置的对象或函数。上面的代码中,我们覆盖了默认的。选项来实现自定义配置。上面的代码中,我们将。原创 2023-04-23 14:33:56 · 2585 阅读 · 0 评论