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


     

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

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


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

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


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

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


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

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


    5、让父元素overflow:hidden。

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

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

    业精于勤荒于嬉,形成思毁于随
  • 相关阅读:
    ES6模块开发+单文件组件
    Vue路由学习
    Vuex学习
    Vue组件
    Vue事件处理
    Git下载前后端代码步骤
    小黑记事本
    简单计算器
    ubuntu的基础命令
    拓扑排序以及求解关键路径
  • 原文地址:https://www.cnblogs.com/libaoli/p/4613051.html
Copyright © 2020-2023  润新知