在css浮動中允許設置外邊距，但是很多人發現浮動元素設置外邊距卻沒有生效。那么產生這種情況的原因是什么呢？ 首先，我們需要了解浮動元素在頁面中占據的位置會有所變化。為了使浮動元素排版正常，浮動元素實際上是脫離了原本的文本流，不占據父容器的空間。浮動元素的寬度只有它自身內容所需要的寬度，但是它的高度卻可以撐滿整個父容器。在這種情況下，浮動元素不需要外邊距撐開與其他元素的間隙，而是通過設置內邊距撐開間隙，因此外邊距是不會生效的。 其次，如果我們希望外邊距生效，可以考慮給浮動元素添加一個包裹元素，并給包裹元素設置外邊距。此時，元素和它的包裹元素都會參于盒模型，從而實現外邊距的效果。下面是一個簡單的示例代碼：

<style>
.float {
float: left;
width: 50%;
background: #ccc;
}
.wrap {
margin: 20px;
background: #666;
}
</style>
<div class="wrap">
<div class="float">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
</div>

在上面這個例子中，浮動元素被包裹在一個div元素內，我們給包裹元素設置了20像素的外邊距。這樣，整個元素就會在頁面上留出一段間隔，達到了我們想要的效果。 需要注意的是，對于添加包裹元素的這種解決方法，我們也需要特別關注元素的尺寸和位置。如果包裹元素過大，可能會影響浮動元素的顯示效果。因此，在使用外邊距時，需要綜合考慮各種因素，以確保元素排版效果的準確與美觀。 總之，在css浮動中外邊距不生效是由浮動元素脫離文本流，不占據父容器的空間引起的。如果我們希望在浮動元素中使用外邊距，可以通過設置包裹元素的外邊距來實現這一目標。需要注意的是，我們在使用外邊距的同時，也需要綜合考慮元素尺寸和位置等因素，才能有效解決外邊距不生效的問題。