1

在 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>
4

2 回答 2

0

之后有一个 float 元素和一个 inline-block 元素。试着让它们都浮起来。

.redButton {
clear: none;
}
于 2013-01-16T00:41:34.187 回答
0

尝试减小 的宽度div.span3。

例如

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

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

于 2013-01-16T00:51:25.527 回答