• 技术文章 >Web开发 >css教程

    css浮动元素的重叠问题

    小妮浅浅小妮浅浅2021-07-22 11:12:05原创136

    说明

    1、行内元素与浮动元素重叠,其边框、背景和内容将显示在浮动元素之上。

    2、块级元素与浮动元素重叠时,边框和背景将显示在浮动元素下,内容将显示在浮动元素上。

    实例

    .pinkBox {
       background-color: pink;
        border: 1px solid red;
        width: 500px;
        height: 300px;
        float: left;
    }
     
    .greenBox {
        background-color: lightgreen;
        border: 1px solid green;
        width: 700px;
        height: 500px;
    }

    以上就是css浮动元素的重叠问题,希望对大家有所帮助更多css学习指路:css教程

    专题推荐:css浮动元素
    品易云
    上一篇:css浮动元素的规则介绍 下一篇:css中clear属性是什么

    相关文章推荐

    • js和css有什么区别• css3和less有什么区别• css设置所有标签的方法• css样式冲突的解决办法• css行内样式的介绍• css中流的概念介绍• css文档流的两种特性• css写五角星的方法• css设置溢出不换行的方法• css使用transform垂直对齐• css中position常见的四个属性值• css中sticky属性是什么• css中sticky属性有什么特点• css浮动有哪些特性• css浮动元素的规则介绍

    全部评论我要评论

  • 取消发布评论
  • 

    Python学习网