二、块元素
2.2块元素
常见的块元素有
<h1>~<h6>、
<p>
<div>
<ul>、 <ol>、 <li>`等
其中<div>标签是最典型的块元素。
块级元素的特点:
①比较霸道，自己独占一行。
②高度,宽度、外边距以及内边距都可以控制。
③宽度默认是容器(父级宽度)的100%。
④是一个容器及盒子,里面可以放行内或者块级元素。
注意:
●文字类的元素内不能使用块级元素
●p 标签主要用于存放文字,因此p里面不能放块级元素,特别是不能放div
●同理，h1~ h6等都是文字类块级标签,里面也不能放其他块级元素
三、定位
定位口诀：子绝（对）父相 （对）
<style>
.fa{
500px;
height: 500px;
background-color: skyblue;
background-color: #fff;
/*父元素加了定位子元素的绝对定位以此为准*/
position: relative;
}
.ch{
200px;
height: 200px;
background-color: yellow;
/*绝对定位以：加了定位的父元素为基准，如果父元素没有就找祖父元素，如果都没有则以浏览器为基准*/
position: absolute;
top: 100px;
right: 100px;
}
</style>
<div class="fa">
<div class="ch"></div>
</div>