第二种解决方法不是很理解,可以提供下代码并解释下原理吗?

来源:2-6 编程练习

慕数据0608620

2015-03-30 09:47

第二种解决方法不是很理解,可以提供下代码并解释下原理吗?

写回答 关注

3回答

  • 小伟_lost_113
    2015-11-30 16:48:49

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

    <title>无标题文档</title>

    <style type="text/css">


    /*在此定义相应的类选择器,并根据要求设置相关CSS属性*/

    .mainBOX{height:300px;

    float:left;}

    .leftBOX{clear:both;}

    .rightBOX{clear:both;}



    </style>

    </head>


    <body>



    <!--在此添加相应的div标签-->

    <div class="mainBox">

        <div class="leftBox"></div>

        <div class="rightBox"></div>

    </div>



    </body>

    </html>


  • 唐龙
    2015-03-31 21:44:43

    ②定义一个类选择器,并设置clear:both;清除浮动,同时为了解决IE6中div有高度的问题可以增加属性height:0;overflow:hidden;

    ---------------------

    背景div所在的位置,清除了float的效果,所以能显示成最终效果

    <div class="wrap">

        <div class="left">

            

        </div>

        <div class="right">

            

        </div>

    </div>

    --------------------------

    .wrap{width:960px;background-color:#cff;overflow:hidden;}

  • 赫兹1719
    2015-03-30 10:23:14

    什么第二种解决方法?没看懂你的问题~~

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157042 学习 · 1984 问题

查看课程

相似问题