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