当前位置：首页 → 问答吧 → div 并排嵌套

div 并排嵌套

时间：2011-04-25

来源：互联网

RT，我想实现两个div并排，而且左边那个div有不并排的几个div
HTML code


<div id="divLeft" style="float:left">
  <div style="clear:both"> <!-- divLeft内部，每个div占一行 -->
      <img src="" /> 
  </div>
  <div>
      <img src="" />
  </div>
</div>
<div id="divRight" style="float:right">
</div>

可是运行时发现divLeft和divRight无法并排，请问是什么问题导致的？

作者: wd9053 发布时间: 2011-04-25

HTML code

<div id="divLeft" style="float:left">
  <div> <!-- divLeft内部，每个div占一行 -->
      <img src="" /> 
  </div>
  <div>
      <img src="" />
  </div>
</div>
<div id="divRight" style="float:right">
</div>

<div style="clear:both;"></div>

作者: T5500 发布时间: 2011-04-25

HTML code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=gb2312">
        <title> new document </title>
        <meta name="keywords" content="">
        <meta name="description" content="">
<style type="text/css">
    #content{width:500px;background-color:#00f;}
    #divLeft{float:left;width:200px;background-color:#f00;}
    #divRight{float:right;width:300px;background-color:#0f0;}
</style>
    </head>

    <body>
        <div id="content"><div id="divLeft" style="float:left">
  <div> <!-- divLeft内部，每个div占一行 -->
      <img src="" /> 
  </div>
  <div>
      <img src="" />
  </div>
</div>
<div id="divRight" style="float:right">
</div>
</div>
<div style="clear:both;"></div>
    </body>
</html>

作者: hongmei85 发布时间: 2011-04-25

div 并排嵌套

热门阅读

热门下载

div 并排 嵌套

热门阅读

热门下载

div 并排嵌套