zoukankan html css js c++ java

CSS学习笔记一如何清除浮动

<!<!DOCTYPE html>
<html lang="zh-CN">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximun-scale=1,user-scalable=no"> 
    <!--清除浮动
    方法一：　.divcss5{border:1px solid #F00;background:#FF0;400px;}产生浮动
            .divcss5{border:1px solid #F00;background:#FF0;400px;height:102px;}清除浮动，给父级加高度：是子级内容+边框的高度。
            
    方法二：
            .clear{clear:both;}
            <div class="clear"></div> 
    
    方法三：.divcss5{border:1px solid #F00;background:#FF0;400px;overflow:hidden} 建议使用overflow:hidden，使父级紧贴其对象内容
    -->
    <style> 
        .divcss5{border:1px solid #F00;background:#FF0;width:400px;} 
        .divcss5-left,.divcss5-right{border:1px solid #00F;background:#FFF;width:180px;height:100px;} 
        .divcss5-left{float:left;}
        .divcss5-right{float:right;}
        
    </style>
    </head>
    <body>
        <div class="divcss5">
            <div class="divcss5-left"></div>
            <div class="divcss5-right"></div>  
        </div>
    </body>
</html>

查看全文

相关阅读:
android system.img
ab压力测试和CC预防
 ubuntu工具积累
 ViewManager
PopupWindow
singleton注意
 java byte[]生成
 java有符号无符号的转换
 C#垃圾回收Finalize 和Dispose的理解
 Silverlight 获取汉字拼音首字母

原文地址：https://www.cnblogs.com/maojiayan/p/4922904.html

CSS学习笔记一 如何清除浮动

CSS学习笔记一如何清除浮动