Question

<8>在ie8中，整个div完全失效但我希望这个div水平对齐...... 你能告诉我如何解决问题

即使是小提琴，它也会下降 http://jsfiddle.net/VXXPC/2/embedded/result/

它在chrome中完美运行 http://www.defie.co/testing/twitter-bootstrap-558bc52/docs/examples/marketing-alternate.html

<div class="span3" style="width: 516px;">
                <h4 class="taxInformation">Tax Information</h4>
                <div class="control-group">
                    <label class="control-label" for="inputEmail">Seller Permit No</label>
                    <div class="controls">
                      <input type="text" id="inputEmail">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="inputEmail">Tax Rate</label>
                    <div class="controls">
                      <input type="text" id="inputEmail">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="inputEmail">Tax District</label>
                    <div class="controls">
                      <input type="text" id="inputEmail">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="inputEmail">Federal ID No</label>
                    <div class="controls">
                      <input type="text" id="inputEmail">
                    </div>
                </div>
                <h4 class="accountingContactInfo">Accounting Contact Info</h4>
                <div class="control-group">
                    <label class="control-label" for="inputEmail">Name</label>
                    <div class="controls">
                      <input type="text" id="inputEmail">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="inputEmail">Email</label>
                    <div class="controls">
                      <input type="text" id="inputEmail">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="inputEmail">Phone</label>
                    <div class="controls">
                      <input type="text" id="inputEmail">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="inputEmail">Credit Limit</label>
                    <div class="controls">
                      <input type="text" id="inputEmail">
                    </div>
                </div>
                <h4 class="bankInfo">Bank Info</h4>
                <div class="control-group">
                    <label class="control-label" for="inputEmail">Bank Name</label>
                    <div class="controls">
                      <input type="text" id="inputEmail">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="inputEmail">Telephone</label>
                    <div class="controls">
                      <input type="text" id="inputEmail">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="inputEmail">Account No</label>
                    <div class="controls">
                      <input type="text" id="inputEmail">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="inputEmail">Bank Contact</label>
                    <div class="controls">
                      <input type="text" id="inputEmail">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="inputEmail">Terms</label>
                    <div class="controls">
                      <input type="text" id="inputEmail">
                    </div>
                </div>
                <h4 class="bankInfo">Notes</h4>
                <div class="control-group">
                      <textarea style="width: 380px;" rows="3" cols="50"></textarea>
                </div>
                <div style="margin-left: 95px;">
                  <input style="width: 108px;" name="Finish" value="Save File" class="checkout-button saveFileButton" type="submit">
                  <input name="Finish" value="Delete" class="checkout-button deleteButton" type="submit" style="width: 107px;padding-left: 0px;padding-right: 0px;">
                </div>

              </div>

Answer 1

之后有一个float元素和一个inline-block元素。试着漂浮他们两个。

.redButton {
clear: none;
}

Answer 2

尝试减小div.span3的宽度。

例如

<div class="span3" style="width: 456px;">

避免在HTML中使用内联样式，请在CSS中设置width height这些属性。顺便说一句，如果窗口宽度调整到小于1000px，这个DIV仍将垂直向下。

ie8垂直向下的div

2 个答案: