- 博客(29)
- 收藏
- 关注
原创 关于弹性盒子的避坑(弹性盒子内容溢出)
今天在写公司业务的时候发现一个非常坑的一个地方,父盒子的宽度采用的是100%,里面采用左右布局,左侧固定宽度,右侧flex1撑满,但是发现右侧总是会溢出右侧父盒子,一直找不到问题所在。这个问题找了好久,但是不管怎么处理,右侧盒子总是会溢出,开始以为是右侧element-ui的表格的宽度的问题,但是调整了还是不行。然后去网上找了好多贴子,尝试了很多种关键词搜索,最后采用关键词,弹性盒子内用溢出,搜到了一个解决方案。最后给右侧盒子添加一个宽度即可。
2024-05-09 11:03:41
473
原创 CSS基础知识4
使用clearfix库:还有一些第三方的CSS库,例如Bootstrap,提供了清除浮动的类,可以直接应用于父容器上。使用 clearfix 类:可以在父容器上添加一个类,例如。双飞翼布局:(与圣杯布局区别不大,知识实现方法不同)这个空的元素会将其前面的浮动元素的影响清除掉。空的占位元素:可以在浮动元素后面添加一个空的。这样可以使父容器包含浮动元素并正确计算高度。在父容器的末尾添加一个清除浮动的元素。伪元素清除浮动:可以使用伪元素。元素,并设置其样式为。/* 最小宽度 */
2023-07-24 20:06:40
105
原创 CSS基础知识3
本篇文章讲了关于,盒子模型、定位、背景图像、字体有关知识点,如只想了解盒子模型,可以去查看前面的文章,有一篇专门去讲述盒子模型的。
2023-07-22 13:20:43
274
原创 HTML基础知识3(完结)
本篇文章主要讲述了HTML的列表标签,内嵌框架iframe,文本格式化标签,HTML的通用属性,以及HTML的特殊字符
2023-07-15 09:22:30
145
1
原创 HTML基础知识1
本篇文章是博主对前端知识的一些总结,主要讲解了HTML的基础知识,讲解了HTML的各个标签以及用法、标签的分类、HTML的长度单位以及区别,以及锚点链接的用法,后续也会逐步更新关于前端的学习笔记。
2023-07-12 17:54:34
185
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅