2

これらの 2 つの div を左にフロートさせましたが、何らかの理由で一方が他方よりも高く出てきます。これは何が原因ですか?

ここに画像の説明を入力

<style type="text/css">
    ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .address-summary {
        float: left;
        margin: 10px;
    }
</style>

<h2>CheckoutSummary</h2>

<div>
    <div class="address-summary">
        Shipping To:
        <ul>
            <li>@Model.ShippingAddress.Street</li>
            <li>@Model.ShippingAddress.City, @Model.ShippingAddress.State @Model.ShippingAddress.Zip</li>
            <li>@Html.DisplayFor(m => m.ShippingAddress.Phone1)</li>
        </ul>
        <div class="clear-fix"></div>
    </div>
    <div>
        Billing To:
        <ul>
            <li>@Model.BillingAddress.Street</li>
            <li>@Model.BillingAddress.City, @Model.BillingAddress.State @Model.BillingAddress.Zip</li>
            <li>@Model.BillingAddress.Phone1</li>
        </ul>
        <div class="clear-fix"></div>
    </div>
</div>
4

3 に答える 3