1、当父元素设置了height值时，则设置overflow:hidden后，子元素超出父元素部分隐藏 2、当父元素的高度是靠子元素撑开的时候，子元素浮动时，则在父元素使用overflow: hidden可以清除浮动，使得父元素的高度依旧是靠子元素撑开。 作用1示例: <!DOCTYPE html>< ...
分类：
其他好文 时间：
2020-01-04 16:45:09
阅读次数：
67
布局其实就是想办法怎样将一些元素横向的排列起来，纵向由于块级元素的存在会自动占据一行。 inline block 元素会占据一行而且可以调整宽高很适合将这些元素排列在一行，而且使用 inline block 元素排列没有清除浮动这样的问题。 但是，使用 inline block 布局两个元素之间会有 ...
分类：
Web程序 时间：
2020-01-04 10:52:04
阅读次数：
104
1.解释一下display的几个常用的属性值，inline ， block， inline-block inline（行内元素）: 使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一行，不会独占一行. 不能更改元素的height，width的值，大小由内容撑开. 可以使用paddin ...
分类：
Web程序 时间：
2020-01-02 22:12:05
阅读次数：
71
目标 记忆 能够说出 CSS 的布局的三种机制 理解 能够说出普通流在布局中的特点 能够说出我们为什么用浮动 能够说出我们为什么要清除浮动 应用 能够利用浮动完成导航栏案例 能够清除浮动 能够使用PS切图工具 1.1 CSS 布局的三种机制 网页布局的核心——就是 用 CSS 来摆放盒子 。 CSS ...
分类：
其他好文 时间：
2019-12-31 18:39:20
阅读次数：
77
1.1、请列举几种可以清除浮动的方法（至少两种） 浮动会漂浮于普通流之上，像浮云一样，但是只能左右浮动。正是这种特性，导致框内部由于不存在其他普通流元素了，表现出高度为0（高度塌陷）。 a. 添加额外标签，例如<div style="clear:both"></div> b. 使用br标签和其自身的 ...
分类：
Web程序 时间：
2019-12-30 17:21:26
阅读次数：
171
1.栅格布局基本用法 container 居中容器 -row-col 2.列空格 3.列嵌套 4.列排序 5.清除浮动 6.禁止响应式布局 ...
分类：
其他好文 时间：
2019-12-29 12:38:26
阅读次数：
56
1.关于浮动 浮动的元素会脱离标准文档流（float）,从而不占据空间，实现了一行排列多个元素的效果 ，但是又导致上级元素height消失，处理这种情况的方法就是有两种： 1.第一种在css里写个伪类，哪些地方需要清除浮动，直接调用类名。 .clearfix::after{ display: blo ...
分类：
Web程序 时间：
2019-12-22 16:17:40
阅读次数：
88
html代码： 1.浮动+margin 2.绝对定位 缺点: 使用了绝对定位，若是用在某个div中，需要更改父容器的position。 没有清除浮动的方法，若左侧盒子高于右侧盒子，就会超出父容器的高度。因此只能通过设置父容器的min height来放置这种情况。 3.float+calc()函数 4 ...
分类：
Web程序 时间：
2019-12-21 13:24:27
阅读次数：
168
[toc] 组件 组件就是html, css和js文件的集合体, 实现对代码的复用, 组件就是vue对象 组件的分类 根组件 局部组件 全局组件 组件的特点 组件都有管理组件html页面结果的template属性, 且template中只有且只有一个根标签 根组件永远都是爸爸(父组件), 而局部和全 ...
分类：
其他好文 时间：
2019-12-18 23:45:37
阅读次数：
110
常规流 又叫做文档流；在没有CSS的干预下，块级元素独占一行，宽高可设；行内元素并排显示，宽高自动。 脱离文档流 又叫做浮动流；元素在进行浮动后就是脱离文档流； 注意：浮动流在进行摆放的时候要避开常规流； 常规流在进行摆放时无视浮动流； 子级元素浮动后导致父级高度坍塌； 清除浮动 书写格式：fixe ...
分类：
其他好文 时间：
2019-12-16 22:53:37
阅读次数：
249
