左侧浮动或者绝对定位，右侧通过margin撑开 使用flex 使用<div>包含，然后靠margin形成bfc（百科：block formatting context块级格式化上下文 bfc是一个独立的渲染区域，只有block-level box参与，他规定了包括内部的block-level box ...
分类：
其他好文 时间：
2020-02-27 18:56:32
阅读次数：
46
先说一下什么是BFC(Block Formatting Contexts) BFC：块级格式化上下文（独立的渲染区）。通俗的说是块级元素布局逻辑或规则，想要触发BFC就要是块级元素，要不把它转为块级元素（display:block;） BFC的触发条件。 1.在html框架中就能触发bfc，也就是一 ...
分类：
其他好文 时间：
2020-02-27 00:30:08
阅读次数：
100
position 属性规定元素的定位类型。 属性值：static--默认值没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。 absolute--绝对定位，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "le ...
分类：
Web程序 时间：
2020-02-26 14:10:06
阅读次数：
80
CSS的定位属性有三种，分别是绝对定位、相对定位、固定定位。 position: absolute; <!-- 绝对定位 --> position: relative; <!-- 相对定位 --> position: fixed; <!-- 固定定位 --> 相对定位 相对定位：让元素相对于自己原来 ...
分类：
Web程序 时间：
2020-02-26 01:24:06
阅读次数：
87
（display属性设置元素如何显示） 如果display取值为none，那么position和float都不起作用，这种情况下元素不产生框 否则，如果position设置框是绝对定位，float的计算值就为none，display根据下面的表格进行调整 否则，float不是none，框是浮动的，d ...
分类：
其他好文 时间：
2020-02-24 16:49:40
阅读次数：
75
CSS中一共有五种定位： position：static；默认值 position：absolute；绝对定位 position：relative；相对对定位 position：fixed；固定定位 position：sticky；粘性定位 其中，粘性定位是CSS3新增加的 兼容性比较差 定位的作用 ...
分类：
Web程序 时间：
2020-02-24 00:42:20
阅读次数：
87
CSS文档流 CSS 有三种基本的定位机制：普通流、浮动流、定位流。 POSTION position定位属性，检索或设置对象的定位方式 绝对定位和相对定位的区别： 1、参照物不同，绝对定位的参照物是包含块（已定位的父元素），相对定位的参照物是元素本身默认的位置； 2、绝对定位将对象从文档流中拖离出 ...
分类：
其他好文 时间：
2020-02-23 20:42:40
阅读次数：
78
一、position 属性规定元素的定位类型，它一般有以下四个值： 默认static 相对定位relative 绝对定位absolute 固定定位fixed 元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性，他们也有不同的工作方式，这取决于定位方 ...
分类：
Web程序 时间：
2020-02-23 20:36:20
阅读次数：
112
一. Css吃豆人动画 1. 上半圆：两个div，内部一个圆div，外部设置宽高截取半圆 外部div动画：animation: 动画样式 1s(时长) ease(动画先低速后快速) infinite(动画无限播放) 动画样式：@keyframes：设置50%转45度，100%转0度 transfor ...
分类：
Web程序 时间：
2020-02-22 15:35:29
阅读次数：
93
一、文本属性 1.text-align:cnter 文本居中2.line heigth 垂直居中 ：行高，和高度对应3.设置图片与文本的距离：vertical-align4.text-decoration:none 去掉超链接下划线5.要是给a标签修改颜色的时候，就定到a标签上，用继承有时候是搞不定 ...
分类：
Web程序 时间：
2020-02-20 15:35:02
阅读次数：
79
