ie8 div 垂直向下

Question

在 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

尝试减小div.span3的宽度。

例如

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

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

Answer 2

你有一个浮动元素和一个内联块元素。试着让它们都浮起来。

.redButton {
clear: none;
}