0

当我调整浏览器窗口的大小时,特定的 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>
4

1 回答 1

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;">
于 2013-01-03T12:18:08.207 回答