浮動元素的標準流問題（文字圍邊效果） · 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)