摘要：flex布局 flex（ flexible box：弹性盒布局模型）,是2009年w3c提出的一种可以简洁、快速弹性布局的属性。主要思想是给予容器控制内部元素高度和宽度的能力。 flex坐标 使用flex布局的容器（flex container），它内部的元素自动成为flex项目（flex item 阅读全文

摘要：浮动 使用css的float属性设置元素的浮动可选值：none（默认值）| left | right 浮动特点 1.元素设置浮动以后，完全脱离文档流，并向页面的左上或右上浮动。直到遇到父元素的边框或其他的父元素时则停止浮动。 2.如果浮动元素上边是一个没有浮动的块元素，元素不会超过该块元素。 3.浮 阅读全文

摘要：基本概念 盒子模型，英文即box model。无论是div、span、还是a都是盒子，他们在网页上都要占据一定的空间，在进行布局的时候需要考虑他们所占据的空间大小。 例外情况：图片、表单元素作为文本处理，不作为盒子模型计算。 盒子模型主要CSS属性 盒子的属性有5个：width、height、pad 阅读全文