布局技巧

2019-01-24  本文已影响0人  大庆无疆
image.png

如果需要设置元素浮动,那么我们平常会给需要浮动的元素套一个父元素(父元素是标准中的),以免影响页面布局


很多时候我们不方便给父元素盒子的高度,比如新闻里我们不知道新闻里会有多少个字,所以一般情况下都是让里面的内容撑开高度。
高度可以布局的时候为了方便先写上,最后再去除

尽量不要让两个img裸露出来,分别为他们套个div

image.png

这样可以使用dl、dt、dd配合使用 ,dd里面再放a标签
将自定义列表搞成一排,可以使用如下方法。
首先将dt的宽度固定,然后设为绝对定位,这样子dd就会升上去,再将dl设为相对定位(子绝父相),此时dt会盖住dd的前部分,使用dl的padding-left隔开一段间距,将dt的left:0,top:0即可

上一篇下一篇

猜你喜欢

热点阅读