你对这些元素是否真的了解呢?
我们来看看这三类元素的特点:
1.每个块级元素都从新的一行开始显示(块级元素独占一行)
2.元素的宽度,高度,内边距(padding),边框(border),外边框(margin)都能随意设置
3.块级元素在网页中所占面积=内容区(content)+内边距(padding)+边框(border)+外边距(margin)
4.块级元素本身未设置宽度的情况下,宽度=父元素宽度-该元素的左右外边距-该元素的左右边框-该元素的左右内边距
5.块级元素未设置padding和border的情况下,padding和border的数值为0
6.块级元素未设置宽度和外边距的情况下,margin的值为0,宽度为100%(即与父元素宽度一致)
7.块级元素设置宽度但未设置外边距的情况下,左外边距的值为0
8.块级元素设置宽度,未设置padding和border,同时设置margin: 0 auto的情况下,左右外边距平分 父元素宽度-该元素宽度所剩余的空间
9.块级内联元素不受父元素的line-height以及自身的vertical-align影响
1.display:block
2.float:left或right
3.position:absolute或fixed
4.父元素使用display:flex,子元素会变为块级元素
,
,
如果你不介意那个横条在footer底下的话可以仅仅用CSS就能实现
.fixed{position:fixed}.footer{marging-button:50px}//如果浮动块的高度是50的话
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)