CSS的疑惑_html/css
来源：动视网
责编：小采
时间：2020-11-27 16:04:47
CSS的疑惑_html/css
CSS的疑惑_html/css_WEB-ITnose:如下代码，A,B,C,D四个DIV，最后一个DIV为啥文字内容会分离，DIV D的边框会移动到第一行？ CSS .A, .B, .C { float: left; width: 200px; height: 100px; margin: 1em; border-style: solid; border-width: 1
导读CSS的疑惑_html/css_WEB-ITnose:如下代码，A,B,C,D四个DIV，最后一个DIV为啥文字内容会分离，DIV D的边框会移动到第一行？ CSS .A, .B, .C { float: left; width: 200px; height: 100px; margin: 1em; border-style: solid; border-width: 1
如下代码，A,B,C,D四个DIV，最后一个DIV为啥文字内容会分离，DIV D的边框会移动到第一行？
CSSText in div AText in div BText in div CText in div D
运行效果
请求解惑，谢谢。
回复讨论(解决方案)
你这个是因为浮动元素对为未浮动元素（标准文档流）产生了影响，使用clear即可。
Document Text in div AText in div BText in div C Text in div D
谢谢，根据你的提示，找了篇博文，
http://www.cnblogs.com/polk6/archive/2013/07/25/3142187.html
正在努力理解中
CSS的疑惑_html/css
CSS的疑惑_html/css_WEB-ITnose:如下代码，A,B,C,D四个DIV，最后一个DIV为啥文字内容会分离，DIV D的边框会移动到第一行？ CSS .A, .B, .C { float: left; width: 200px; height: 100px; margin: 1em; border-style: solid; border-width: 1
