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

    css浮动产生的负作用

    小妮浅浅小妮浅浅2021-08-30 17:03:37原创90

    1、背景不能显示(overflow:hidden)。

    由于浮动产生,如果对父级设置了(css background背景)CSS背景颜色或CSS背景图片,而父级不能被撑开,所以导致CSS背景不能显示。

    2、边框不能撑开,如果父级设置了CSS边框属性,子级里使用了float属性产生浮动,父级不能被撑开。

    3、margin padding设置值不能正确显示。

    由于浮动导致父级子级之间设置css padding,css margin 属性的值不能正确表达,特别是上下边的padding和margin不能正确显示。

    实例

    <head>
    <style type="text/css">
    *{ margin:0; padding:0;}   //取消设置 如 li 留下的那个实点
    ul{ width:900px; border:3px dotted red; list-style:none; overflow: hidden;}//overflow:hidden :让行高自适应
    .left{ width:300px; height:300px; background:#FF0; float:left;}   //float:left设置浮动全部向左排
    .chent{ width:300px; height:300px; background:#000; float:left}
    .right{ width:300px; height:300px; background:red; float:left}
    </style>
    </head>
    <body>
    <ul>
    <li></li>
             <li></li>
             <li></li>
    </ul>
    </body>

    以上就是css浮动产生的负作用,希望对大家有所帮助。更多css学习指路:css教程

    本文转载于掘金,如有侵犯联系作者修改。

    专题推荐:css浮动
    品易云
    上一篇:css选择器是什么意思 下一篇:css盒子模型的属性介绍

    相关文章推荐

    • CSS设计模式之ITCSS的介绍• css边距重叠是什么• css中a标签伪类如何使用• css中背景定位有哪些方法• css背景有哪些应用• css3新增哪些背景属性• css首行缩进text-indent的实现• css文本修饰text-decoration的使用• css文字间距的使用• css中flex是什么• css overflow属性有什么用• css中z-index属性• css样式的组成• css选择器是什么意思

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网