Question

当我调整浏览器窗口的大小时，特定的div会从主容器中移出如何解决问题

http://jsfiddle.net/48y2Q/1 http://jsfiddle.net/48y2Q/1/embedded/result/

        <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>

Answer 1

问题来自两个不同的地方：

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

还会从100px

减少margin-left

<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;">

在浏览器调整大小的容器中的div

1 个答案: