簡體   English   中英

div在瀏覽器調整大小時超出容器

[英]div out of container in browser resize

當我調整瀏覽器窗口的大小時,特定的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>

問題來自兩個不同的地方:

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM