css的默认布局形式

CSS（Cascading Style Sheets）是用于网页排版的语言，它定义了元素的字体、颜色、大小、位置等各种样式。在CSS默认情况下，元素的布局形式分为以下几种：

/**
 * CSS默认布局形式
 */
/* 块级元素默认布局 */
div {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}
/* 行内元素默认布局 */
span {
  display: inline;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}
/* 行内块元素默认布局 */
a {
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}
/* 清除浮动 */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
 

块级元素的默认布局是让元素占据整行，并且可以设置宽度、高度、外边距和内边距。行内元素的默认布局是不占据整行，只能设置部分样式，例如字体、颜色等。行内块元素的默认布局是同时具有块级元素和行内元素的特点，既可以设置宽度、高度、外边距和内边距，也可以和其他行内元素在同一行上排列。

而为了处理浮动元素带来的影响，CSS还提供了清除浮动的方法，即在浮动元素的父元素中插入一个伪元素，设置clear:both，使得浮动元素不会影响其他元素的布局，保持默认布局形式。