2013-01-03 56 views
0

当我调整浏览器窗口中特定的div熄灭主容器 如何解决这个问题DIV出容器的浏览器调整

http://jsfiddle.net/48y2Q/1 http://jsfiddle.net/48y2Q/1/embedded /结果/

 <section id="main" style="background-color: #646464; padding: 0px;"> 
      <div class="inner clearfix" style="background-color: white;"> 
       <span style="color: #06546a; font-weight: bold; font-size: 14px; background-color: white;">Defie Cloud Buisness Solutions</span>helps companies of all sizes to enhance business operation, to refine the process and optimize technology, to reduce company expenses on IT maintenance, Hardware upgrade. And more importantly, to change the way buisness operate. 
       <div id="primary"> 
       <section class="primary"> 
        <ul style="width: 800px;"> 
         <li style="padding-bottom: 5px; list-style: none; font-size: 14px;"> 
         <img alt="squareList" style="margin-right: 10px;" id="logo" src="http://www.defie.co/designerImages/square_list.png"> 
          All-in-One Business Management Solutions 
         </li> 
         <li style="padding-bottom: 5px; list-style: none; font-size: 14px;"> 
         <img alt="squareList" style="margin-right: 10px;" id="logo" src="http://www.defie.co/designerImages/square_list.png"> 
         Cloud-based File Management 
         </li> 
         <li style="padding-bottom: 5px; list-style: none; font-size: 14px;"> 
         <img alt="squareList" style="margin-right: 10px;" id="logo" src="http://www.defie.co/designerImages/square_list.png"> 
         Real-Time Access from any where, any time and on any devices 
         </li> 
        </ul> 
       </section> 
       </div> 
      </div> 
     </section> 
     </div> 
     </div> 
+0

请在这里发布相关CSS太 –

+0

我想你分配一个默认的宽度,以该分区。而不是硬编码一个特定的值,使用百分比。 –

+0

您的固定宽度为'ul-800px'。 –

回答

1

问题是由2个独立的地方来了:

//Reduce width from 100% (line 815, bootstrap) because you need left margin so this can't be 100%. 
.row-fluid { 
    width: 90%; 
} 

也减少100px的

<div class="row-fluid marketing" style="margin-top: 27px; margin-bottom: 0px; margin-left: 100px;"> 

利润率左到

<div class="row-fluid marketing" style="margin-top: 27px; margin-bottom: 0px; margin-left: 20px;"> 
+0

感谢您的回复....可以在小提琴更新http://jsfiddle.net/48y2Q/1 –

+0

我没有访问您的CSS文件。 –

+0

@gurpeet singh:现在你可以访问我的cs文件http://jsfiddle.net/48y2Q/5/ –