美文网首页
布局技巧

布局技巧

作者: 大庆无疆 | 来源:发表于2019-01-24 18:54 被阅读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即可

    相关文章

      网友评论

          本文标题:布局技巧

          本文链接:https://www.haomeiwen.com/subject/qtpujqtx.html