随笔分类 -  CSS

摘要：CSS中height:100%和height:inherit的异同 阅读全文

摘要：转载 什么是BFC？ ###BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 ###如何创建BFC 1、float 阅读全文

摘要：###flex属性 是 flex-grow、flex-shrink、flex-basis三个属性的缩写。 推荐使用此简写属性，而不是单独写这三个属性。 flex-grow：定义项目的的放大比例； - 默认为0，即 即使存在剩余空间，也不会放大； - 所有项目的flex-grow为1：等分剩余空间（自 阅读全文

摘要：###box-sizing属性 ###结果为width: 100px; height: 100px; <style> .big { box-sizing: border-box; width: 100px; height: 100px; padding: 10px; margin: 10px; bo 阅读全文

摘要：<style> html, body, div { margin: 0; padding: 0 } .bigBox { position: relative; width: 300px; height: 300px; background-color: #000; margin: 300px aut 阅读全文

摘要：###什么时候用清除浮动： 父级没高度，子盒子浮动，影响到了下面布局，我们就应该清除浮动了。 ###清除浮动主要为了解决父级元素因为子级浮动引起内部高度为0的问题。清除浮动之后，父级就会根据浮动的子盒子自动检测高度。父级有了高度，就不会影响下面的标准流了。 ##清除浮动的方法： ###①额外标签法( 阅读全文