为什么一格比另一格高？

我有这两个div浮动到左边，但由于某种原因，一个出来比另一个更高这是什么原因造成的？为什么一格比另一格高？

enter image description here

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

来源

2013-07-28 Sinaesthetic

你有一个margin约.address-summary这推动了股价下跌。

来源

2013-07-28 23:32:28

哦老天爷。我忘了将课程应用到第二个div，否则他们会被平等地推低。：/ – Sinaesthetic

这

.address-summary { 
     float: left; 
     margin: 10px; <<<<< 
    }

它在DIV的所有边缘（包括顶部）加入10px的保证金。

方式margin和padding写入是：

margin: top right down left;

例如

/* Div has 10px margin all around: */ 
margin: 10px; 

/* Applies 10px to top and bottom margin, and 15px to left and right margins: */ 
margin: 10px 15px; 

/* Applies 10px margin to top, 15px to both left and right, and 12px to bottom: */ 
margin: 10px 15px 12px; 

/* Apples 10px to top, 15px to right, 12px to bottom, and 13px to left: */ 
margin: 10px 15px 12px 13px;

来源

2013-07-28 23:32:27 jzm

因为你的margin：10px;

保证金在你面前都做你格

使用本

margin-left: 10px; 
margin-right: 10px;

来源

2013-07-28 23:35:54

为什么一格比另一格高？

回答

相关问题