浮动元素的标准流问题（文字围边效果） · css3

浮动元素的标准流问题浮动元素让出标准流以及字围现象总结：浮动元素没有了标准流的margin塌陷现象，各自有各自的margin,不会相互塌陷。标准流的元素都有自己的一个标准流位置，后面的元素只能在前面元素的后面进行加载。浮动元素脱离了标准流，它会让后面的元素占有自己的位置，显示效果上仿佛是自己飘起来了，我们称之为脱标了。 6.字围现象代码如下： ``` *{ padding: 0; margin: 0; } div{ width:600px; border: 1px solid red; margin:50px auto; padding:10px; } div img{ width:230px; height:300px; margin:10px; float:right; } </style> </head> <body> <div> <img src="./1.jpg" alt="宋小宝"> 宋小宝，本名宋宝利，1981年1月5日出生于吉林省通化市辉南县楼街乡光明村，中国内地男演员，喜剧表演艺术家赵本山先生的第32位徒弟。 2009年，因参加综艺节目《本山快乐营》小有名气。2011年，因参演辽宁卫视春节晚会与师父赵本山合作小品《相亲》而获得更多关注。2012年8月，凭借电视剧《樱桃》参加第四届新农村电视艺术节获最佳男主角 [2] 。同年12月10日，凭借电视剧《樱桃》参加第八届华鼎奖获当代类最佳男演员。2013年10月，第十届华鼎奖获最受中国媒体欢迎的演员。2014年8月，凭借电视剧《樱桃红》参加第十三届华鼎奖获中国当代题材电视剧最佳男演员奖 [3] 。2015年参加中国首档明星喜剧竞赛真人秀《欢乐喜剧人第一季》 [4] 。同年11月5日，参加《咱们穿越吧》庆功会。同年12月9日，献唱电影《唐人街探案》推广曲《往事只能回味》。2016年12月13日，献唱电影《东北往事之破马张飞》主题曲《全世界都在说东北话》。 </div> ``` <p style="color:red">在同兄弟元素下，一个浮动，其中文字会有围边的效果。</p> 如图所示： ![](https://img.kancloud.cn/21/58/2158770111db223567d89ee006a0ee5a_1180x746.png)