- 博客(4)
- 收藏
- 关注
RSS订阅原创 CSS：谈一谈position
CSS中position是用来指定元素位置 通常在布局时： float—适合左右布局 position—适合叠加布局 1.relative(以自身为原点进行移动) 如果没有定位偏移量，对元素本身没有任何影响 不使元素脱离文档流 不影响其他元素布局 left right top bottom是相对于当前元素进行偏移的（0，0）是当前匀速左上 2.absolute 使元素脱离文档流 使内联元素支持宽高（让内联具备块特性 使块元素默认宽高根据内容决定（让块元素具备内联特性 如果有
2020-08-21 18:57:15
310
原创 CSS：让人又爱又恨的flex
flex是弹性盒模型，使用flex时，在父元素上设置display:flex;之后根据需求分别在父元素和子元素上设置属性。 在父元素上的属性是针对于一行或者多行元素而言的，在子元素上的属性，是针对于一行中的某个子元素而言的。 作用在flex父容器上 作用在flex子项上 flex-direction ：row coloum order -1 0 1 2（默认0，值越大越靠后） flex-wrap : nowrap wrap flex-grow （默认0，1：剩余所有空间全部填满，
2020-08-21 18:51:29
255
原创 CSS系列：BFC块级格式化上下文
BFC : Block Formatting Context 块级格式化上下文，一个 触发BFC规范的元素，可以形成一个独立的容器，不受到外界影响 触发BFC的元素 浮动元素float:除了none 绝对定位元素: position: absolute fixed display为inline-block table-cells flex overflow除了visible以外的值(hidden auto scroll) BFC应用 1 解决margin叠加问题（并列元素 <style&g..
2020-08-20 23:16:55
198
原创 CSS系列：6种方式实现经典三栏布局
三列布局：左右边固定，中间弹性自适应 方法 BFC float 流体float 双飞翼float 圣杯float position 定位position flex盒模型 实现 float: left; float: right ;BFC(overflow：hidden) float: left; float: right ;main中写margin-left right float: left;*3 margin-left:-100% -100px ;main中写p，p中写margin-le
2020-08-20 22:57:15
255
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人