![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS3
唯爱伊vae
前端开发
展开
-
关于css清除浮动的几种方法
清除浮动的方式: 给前面一个父元素设置高度 给后面的盒子添加clear属性 隔墙法:其又分为外墙法和内墙法 利用伪元素选择器清除浮动 利用overflow: hidden清除浮动 下面一一介绍: 1、给前面一个父元素设置高度 注意点:在企业开发中, 我们能不写高度就不写高度, 所以这种方式用得很少 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8".原创 2020-07-01 10:32:52 · 228 阅读 · 0 评论 -
关于浮动元素高度问题
在标准流中内容的高度可以撑起父元素的高度 在浮动流中浮动的元素是不可以撑起父元素的高度的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>64-浮动元素高度问题</title> <style> *{ margin: 0; paddin..原创 2020-07-01 09:47:37 · 181 阅读 · 0 评论 -
前端常用的两种布局方式:圣杯布局和双飞翼布局
圣杯布局和双飞翼布局: 两者实现的功能都一样,都是用于实现两侧的宽度不变,中间的宽度自适应的三栏布局 注意点:浮动的元素不会撑起父元素。 一、圣杯布局 圣杯布局的步骤: 2.1搞一个容器,里面放三个盒子 2.2设置两侧盒子的宽度(固定) 2.3设置中间盒子的宽度等于容器的宽度100% 2.4设置容器的padding等于两侧盒子的宽度 2.5设置三个盒子都在同一个方向浮动 2.6设置...原创 2020-06-19 18:22:17 · 586 阅读 · 0 评论