• 解决子元素margin让父辈元素位置一起改变的问题


     

    1、在父元素内添加内容,并且要在子元素块前面添加,后面添加内容无效。

    内容可以是文字、图片甚至是空格,源代码里直接按空格无效,可以用占位符 


    2、让子元素或父元素浮动float:left。

    缺点:在元素不能用浮动的情况


    3、让父元素顶部增加一条边框,可以设边框为透明:border-top:1px solid transparent。

    缺点:虽然是透明但还是多了1px的占位,一般精确度要求不高,1px基本可以忽略了。


    4、让子元素或父元素绝对定位:position:absolute。

    缺点:在元素不能用绝对定位的情况


    5、让父元素overflow:hidden。

    缺点:元素不能用overflow:hidden的情况。

    总结,相对完美的是添加占位符 和overflow:hidden了。

    业精于勤荒于嬉,形成思毁于随
  • 相关阅读:
    数论2&莫&杜
    虚树学习笔记
    LinkCutTree学习笔记
    FWT学习笔记
    容斥
    线段树合并
    线性基
    FFT_应用和例题
    斜率优化
    Redis中String的底层实现
  • 原文地址:https://www.cnblogs.com/libaoli/p/4613051.html
Copyright © 2020-2023  润新知