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>

查看全文

相关阅读:
网页制作--标签，表格，表单，框架
 sql数据库小结
 数据库的触发器
 数据库的复制与附加
 sql数据库随笔
 Web窗体--控件
 练习--学生信息录入
 HTML常用数据类型
 javascript-表单验证
 javasc-正则表达式

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

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

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