CSS中的块级元素（block）与⾏内元素（inline）
css中有3种基本的定位机制：
普通流（相对定位实际上看做普通流定位模型的⼀部分）
浮动（float）
绝对定位（固定定位是绝对定位的⼀种）
所以在学习浮动之前，我们先要了解块级元素与内联元素（⾏内元素）。
块级元素：块级元素⼀般当做容器使⽤，既可以容纳内联元素也可以容纳块级元素，例如div和p。
常见的块级元素:
（1）div：主要⽤来进⾏框架布局。
（2）h1～h6：⽤来设置不同级别的标题。
（3）p：创建段落，会⾃动在其前后创建⼀些空⽩。
（4）hr:⽤来创建分隔先。
（5）ol：创建有序列表。
（6）ul：创建⽆序列表。
块级元素的特点：
1.块级元素既可以容纳内联元素也可以容纳块级元素。
2.块级元素在默认的情况下是独占⼀⾏的。
css固定定位
3.块级元素⼤⼩是可以控制的，css可以通过width与height设定⾼度和宽度。宽度默认值就是它所在容器宽度的100%。
4.块级元素可以设置margin和padding属性.
5.块级元素对应属性display：block；
内联元素：任何不是块级元素的可见元素都是内联元素。内联元素只能够容纳⽂本或者内联元素。
常见的内联元素:
（1）strong：加粗强调。
（2）em：斜体强调。
（3）s：删除线。
（4）u：下划线。
（5）a：超链接。
（6）span：常⽤⾏级，可定义⽂档中的⾏内元素。
（7）img：图⽚。
（8）input：表单。
内联元素的特点：
1.内联元素默认情况下可以和其他内联元素元素在⼀⾏上。
2.内联元素默认情况下的⼤⼩是不可以控制的。
3.内联元素可以产⽣代码换⾏和空格。
4.内联元素对应属性display：inline；
5.内联元素只能容纳⽂本或者内联元素。
内联元素的margin和padding属性,⽔平⽅向的padding-left,padding-right,margin-left,margin- right都产⽣边距效果，但竖直⽅向的padding-top,padding-bottom,margin-top,margin-bottom却不会产⽣边距效果.
display：inline-block；可以让元素具有块级元素和⾏内元素的特性：既可以设置长宽，可以让padding和margin⽣效，⼜可以和其他⾏内元素并排。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。