首页
关于
优乐购
开发
生活
大事记
导航
关键字:浮动元素
BFC(Block Formatting Context)——块级格式化上下文
BFC BFC全称是Block Formatting Context,即块级格式化上下文。一句话概括,就是页面上的一个隔离的独立容器,容器里面的子元素不会在布局上影响到外面的元素,反之也是如此。 注意点:BFC 并不是元素,而是某些元素带有 ...
分类:
阅读:607
发布时间:2020-04-12
clear-both
clear:both 在css里是清除左右两边浮动的意思。 如果前面的DIV盒子里用到了浮动,那么在编写下一个DIV盒子之前,应该在前面加上,这样才能清除掉前面DIV盒子浮动带来的 ...
分类:
阅读:635
发布时间:2020-04-12
【前端进阶100天】Day03 CSS属性组成和作用
今日内容: 1、css属性和属性值的定义 2、css文本属性 3、css列表属性 4、css边框属性 5、css背景属性 6、css浮动属性 一、css属性和属性值的定义 属性:属性是指定选择符所具有的属性,它是css的核心,css2共有1 ...
分类:
阅读:653
发布时间:2020-04-12
【前端进阶100天】Day07 图片整合技术|宽高自适应|过滤器|伪对象选择符
今日内容: 1、图片整合的概念,使用图片整合的优势 2、最小宽度、最小高度、最大宽度、最大高度 3、过滤器的使用 4、宽高自适应的概念和使用 5、最小高度和高度自适应引发的兼容问题(针对IE浏览器) 6、浮动元素父元素高度自适应引发的高度坍 ...
分类:
阅读:794
发布时间:2020-04-12
深入css布局(3)—— 元素的定位与浮动
上篇我们讲解了不同类型元素的特点,我们可以随意的排列组合他们来达到我们想要的效果。但是他们都是基于一个二维平面的,如果我们想在布局中有遮挡,重叠之类的更丰富效果,我们就需要使用到定位和浮动的相关知识。 1.文档流 文档流就是按照页面元素书写 ...
分类:
阅读:638
发布时间:2020-04-12
css中的BFC布局总结
什么是BFC BFC意为Block Formatting Context,是一个独立的盒子,对外界不会有影响,当然外界也不会对盒子内部产生影响。 BFC能够解决的问题 解决margin穿透的问题 解决margin重叠问题 解决div塌陷问题 ...
分类:
阅读:674
发布时间:2020-04-12
CSS: 实现两栏布局,左边固定,右边自适应的4种方法
1. float+overflow:hidden 这种办法主要通过 overflow 触发 BFC,而 BFC 不会重叠浮动元素。由于设置 overflow:hidden 并不会触发 IE6-浏览器的 haslayout 属性,所以需要设置 ...
分类:
阅读:711
发布时间:2020-04-12
css部分基础知识回顾(二)
浏览器回流与重绘 之所以能在页面上看到内容,是因为浏览器拿到服务器发送的数据后,开始做解析标签样式的操作,然后维护了一棵Dom树和Style树。 回流(重排):是指浏览器重新刷新整个或者部分模块的Dom或者Style树,然后在页面上进行重 ...
分类:
阅读:648
发布时间:2020-04-12
前端面试日更解答 2020-03-15
今天的知识点 (2020-03-11) 24.sessionStorage 、localStorage 和 cookie 之间的区别 25.什么是Array map() 方法 26.Promise的简单理解 27.从浏览器地址栏输入url到 ...
分类:
阅读:628
发布时间:2020-04-12
CSS基础知识
CSS基础知识 css,英文Cascading Style Sheets,中文名:级联样式表。层叠样式表。 css是一种表现语言,是对网页语言的补充。 css用于网页的风格设计,包括字体,颜色,位置等。 css使用的4中方式:引入外部样式文 ...
分类:
阅读:698
发布时间:2020-04-12
暂无数据
1
2
3
4
5
专题推荐
从零搭建博客
前端开发
javascript教程
vue3+ts教程
推荐阅读
1
umami统计:适合个人网站的专业统计工具
阅读:699
发布时间:2025-12-11 22:10:45
2
回长沙参加老婆妹妹的婚礼
阅读:697
发布时间:2025-08-10 21:53:45
3
如何整治各种网络爬虫(比如SemrushBot)
阅读:628
发布时间:2025-12-02 22:35:29
4
比亚迪的刹车偏软如何通过车机设置解决
阅读:576
发布时间:2025-08-18 22:17:33
5
CleanAds:百度、Bing、CSDN 广告清理插件
阅读:501
发布时间:2025-10-10 21:19:32
6
下班后打车碰到女司机
阅读:434
发布时间:2025-08-18 22:35:36
7
如何将Node.js REST API转换为AI专用的MCP服务器
阅读:360
发布时间:2025-12-27 23:56:12
8
利用AI自动发布文章效果如何?
阅读:308
发布时间:2025-11-30 21:21:53
9
2025年国庆回家行程记录
阅读:306
发布时间:2025-10-09 22:25:15
10
如何理解 JavaScript 中的事件循环(Event Loop)?
阅读:256
发布时间:2025-11-26 16:00:15