css怎么解决浮动后，文字不环绕浮动元素

发布网友 发布时间：2022-04-22 07:29

我来回答

共5个回答

热心网友 时间：2022-06-17 17:44

1、找到产生这种现象的原因：浮动元素自身的高度低于相邻元素的文本的高度。
2、根据原因利用css样式来控制它。有2个样式可以到达效果，样式只需添加在文字上即可。
第一种通过属性overflow来控制。如：
.fixWrapper {
overflow: hidden;
zoom: 1;
}
第二种通过属性display来控制。
.fixWrapper {
display: table;
zoom: 1;
}
但是第二种方法有缺陷，如果浮动元素周围有多个元素，这种方法只有与浮动元素相邻的元素有效果。为此可以通过定义一个元素比如div，添加样式将浮动元素周围多个元素包裹起来就可以。
<div class="fixWrapper">
<ul>...</ul>
<p>...</p>
</div>

热心网友 时间：2022-06-17 17:45

用margin-left设置文字的左外边距

给图片和文字分别加个div，设置左边的图片div向左浮动，右边所有文字的div向右浮动

热心网友 时间：2022-06-17 17:45

文字标签设置{clear：both；display：block；}

热心网友 时间：2022-06-17 17:46

请把你的代码发出来，我帮你解决

热心网友 时间：2022-06-17 17:47

不明白什么意思你在父元素用overflow: hidden试试