两个div问题

问题一：设了height，如果字符太多 IE6下 会自动调整  FF 则超出边界（只有用程序控制字符了）；
没有设height 才能自动调整。问题二：
<div>
<div  style="width:100px;height:100px;border:1px solid #dddddd;float:left;"></div>
<div  style="width:100px;height:100px;border:1px solid #dddddd;float:left;"></div>
</div>
这样写

解决方案 »

  1.   

    div和span的区别就是div换行，span不换行   用span比较好
      

  2.   

    第二个问题，给两个div加CSS，float:left
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>无标题文档 </title> 
    </head> <body> <div id="a" style="width:100px;min-height:100px;_height:100px;float:left;border:1px solid #dddddd"> 
            问题一：如何让这个div到了底部就自动把height调大???确保文字在div内. 
            </div> 
    <div id="b" style="width:100px;height:100px;border:1px solid #dddddd";float:right;> 
            问题二：如何让这两个div在同一行显示???不能用table 
            </div> 
        
    </body> 
    </html> 
     
     
      

  4.   

    第一个问题用margin 
    第二个问题顶７楼
      

  5.   

    做web 开发基本的CSS 要过关
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> 
    <title>无标题文档 </title> 
    </head> <body> <div id="a" style="width:100px;position:relative;display:inline;border:1px solid #dddddd"> 
            问题一：如何让这个div到了底部就自动把height调大???确保文字在div内. 
            </div> 
    <div id="a" style="width:100px;position:relative;display:inline;border:1px solid #dddddd"> 
            问题二：如何让这两个div在同一行显示???不能用table 
            </div> 
        
    </body> 
    </html>
      

  6.   

    一、<div id="a" style="width:100px;border:1px solid #dddddd;overflow:auto;"> 
                   </div> 二、<div> 
    <div  style="width:100px;height:100px;border:1px solid #dddddd;float:left;"> </div> 
    <div  style="width:100px;height:100px;border:1px solid #dddddd;float:right;"> </div> 
    </div>