margin和padding在许多地方往往效果都是一模一样，而且你也不能说这个一定得用margin那个一定要用padding，因为实际的效果都一样，你说margin用起来好他说padding用起来会更好，但往往争论无果。根据网上的总结归纳大致发现这几条还是比较靠谱的： 何时应当使用 ...

布局 布局从上到下，然后再从左右；先用div进行占位，即是设置框架，然后Css美化 PS：注意设置长和宽 再设置float ； id不能数字命名 Float 不用浮动的话，div默认会上下排列（块状元素） 使用float，让该div浮起，没加float的div会在 浮起 ...

一、基本概念 （一）视觉格式化模型 视觉格式化模型（visual formatting model）：CSS的一种机制，它规定了页面中的多个盒子如何布局 css的一种机制，视觉格式化模型属于css范畴 多个盒子如何布局，中的每个HTML元素都会在页面盒子中生成 这些盒子 ...

margin: 需要在border外侧添加空白时； 空白处不需要背景（色）时； 上下相连的两个盒子之间的空白，需要相互抵消时。 padding： 需要在border内测添加空白时； 空白处需要背景（色）时； 上下相连的两个盒子之间 ...

每个HTML元素都可以看作装了东西的盒子 盒子具有宽度（width）和高度（height） 盒子里面的内容到盒子的边框之间的距离即填充（margin） 盒子本身有边框（border） 而盒子边框外和其他盒子之间，还有边界（margin） 内容填充属性（padding ...

今天要写的是CSS布局—盒子模型 首先说一下CSS的整体布局： 它包括容器（container），页眉（header），导航条（navbar），页面主要内容（main），菜单（menu），主要内容（content），边条（sidebar），页脚（footer）。 具体图下图所示 ...

： 第1种：绝对定位（本文忽略） 第2种：margin-left的负值与float的结合 下面我用第2种方 ...

flex布局极大程度上方便了页面的构建，如下的几种布局当中，为了不增加额外的标签来嵌套，单独使用flex布局的话，还需要其他一些设置来处理，比如与伪元素的配合使用，这个下次再进行描述，这里flex与margin的使用配合，个人认为是目前自己用过最方便的一种方法。 参考链接: 你未必知道 ...