qq_44767646的博客

flex 宽度自适应，文本溢出隐藏方法<div class="out"> <div class="left"> 我是图片 </div> <div class="right"> <p>我是文字我是文字我是文字我是文字</p> <div></div>.out { display: flex; width: 200px;}.left { flex-shrink: 0; width:

margin 为负值margin-left 和 margin-right 为负值1）元素没宽度会增加宽度2）元素有宽度会产生位移margin-top 为负值 （有无高度）1）元素上移margin-bottom 为负值（有无高度）1）减少元素自身高度注意：必须是 块级元素...

清除浮动1、额外标签法（隔墙法）<div style="clear: both"></div>2、父级 overflow: hidden<div style="overflow: hidden"></div>3、父级 after 伪元素.clearfix::after { content: ''; display: block; height: 0; clear: both; visibility: hi

margin （塌陷、合并）重叠问题解决方案：父元素定义边框父元素定于padding父元素加 overflow: hidden

font 复合属性 简写// 其中 font-size/line-height font-family 必写font: font-style font-weight font-size/line-height font-family块元素、行内元素和行内块元素的比较块元素1、独占一行2、可以设置宽高3、默认宽度是容器的 100%注意：文字类的元素内不能使用块级元素p 标签主要用于存放文字，因此 p 里面不能存放块级元素，特别是不能放 div行内元素1、不独占一行2、不