关于float的一个小发现_linux环境下为什么0x82打印出来为ffffff82-优快云博客

本文链接：https://blog.youkuaiyun.com/github_36510755/article/details/52925647

本文通过一个简单的实例介绍了如何利用CSS浮动属性实现特定的布局效果。详细解释了左浮动、右浮动及清除浮动的作用，并展示了如何让元素按预期排列。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前段时间有一道题

一看很简单把。最基础的浮动效果。本人还是菜鸟，看到效果3，一时间还没弄出来。

只使用浮动。左浮动、右浮动以及清除浮动。
从容器1和容器3并排情况看，容器1必然是实现了左浮动。
容器3在容器2之前，只能说明容器2也实现了左浮动。
然而容器2与容器1不并排显示，那么容器2必然实现了清除浮动。

但是，怎么让容器3上去呢？？？

容器2已经清除了浮动，容器3怎么才能上去呢？？？？

对于像我这样，敲一行代码，就习惯看一下效果的程序员来说，问题已经解决了。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div class="wrap" id="div4">
			<div id="_div1" style="float: left;">容器1;</div>
			<div id="_div2" style="float:left;clear: left;">容器2;</div>
			<div id="_div3" style="">容器3;</div>
			<!--<p>效果3</p>-->
		</div>
	</body>
</html>

是吧。

效果神奇地出现了。

理解起来其实也很简单。容器1和容器2都是浮动的，都不在文档流中。所以他们影响不到容器3的位置。

“容器3“ 3个字在容器1后面就更好理解啦。容器1、2都是浮动嘛，而且都没有设置宽高。毕竟浮动出现的意义其实只是用来让文字环绕图片而已，仅此而已。

还没有理解的同学，百度浮动吧。网上的大牛太多啦。