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

問題は 2 つの別々の場所から発生しています。

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

また、margin-left を 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;">
于 2013-01-03T12:18:08.207 に答える