CSS的float溢出

我有这样的样本HTMLCSS的float溢出

<html> 
    <head> 
     <style type="text/css"> 
      .div-menu 
      { 
       width:300px; 
       margin-left:20px; 
       margin-right:20px; 
       float:left; 
       border:thin solid;  
       min-height:600px; 
       height:auto; 
      } 

      .div-content 
      { 
       float:left; 
       min-width:700px; 
       width:auto; 
       border:thin solid;   
       min-height:600px; 
       height:auto;   
       padding-right:20px; 
      } 
     </style> 
    </head> 

    <body> 
     <div style="margin-top:50px;padding:10px;"> 
      <div class="div-menu"> 

      </div> 


      <div class="div-content"> 
       <div id='main' style="width:2000px;background-color:lightblue;height:600px"> 
        Hello world 

       </div> 

      </div> 

     </div> 


    </body> 

    </html>

当格主有实际宽度大于页面宽度，股利，包含被分解到DIV菜单的底部，我想打该专区由DIV菜单的一侧保持，窗口水平滚动条将出现，

我如何能实现

欣赏任何建议

感谢

来源

2011-12-05 simpleman

改变这一行

<div style="margin-top:50px;padding:10px;">

到

<div style="width:2364px; margin-top:50px;padding:10px;">

指定等于DIV-菜单和DIV-内容

的有效宽度之和的宽度。在这种情况下，宽度应该是2364px

这是通过查找div_width + margin_widths + padding_widths + border_widths

（300 + 20 + 20 + 2）+（2000 + 20 + 2）= 2364

来源

2011-12-05 06:41:40 giftcv

但股利主要是动态的内容，我们不能断言的大小，如果主小于顶部-DIV（宽度= 2400你的建议）的宽度，布局会产生不必要的空格，看糊涂！ – simpleman

你应该根据它里面内容保持width和高度parent DIV的。检查此CSS Box Model以保持此状态。

如果父母有宽600px的那么宽或内格的高度的应该是

内股利实际宽度/高度+边框宽度+填充< = 600

所以指定一些宽度您父DIV按照您的要求（1,024像素的标准宽度时下）为：

<div style="width:1024px; margin-top:50px;padding:10px;">

然后阅读关于盒模型和MAINT ain你内部的Div宽度/高度。

如果未定义宽度，则使用css overflow和简单教程here。

例如内容的div有大约宽/高不是预测，然后使用overflow

div 
{ 
overflow:scroll; 
}

在CSS3，你可以指定在哪个方向，你要管理：检查这些
CSS OVERFLOW-X

例如：

blockquote { width: 50px; height: 50px; overflow-x: scroll } 

<blockquote style=”width: 50px; height: 50px; overflow-x: scroll”>some text</blockquote>

CSS OVERFLOW-Y

来源

2011-12-05 06:49:59

CSS的float溢出

回答

相关问题