标签:可视化 figure 上下 block code one 覆盖 区域 坍塌
是web页面的可视化CSS渲染的一部分,是布局过程中生成块级盒子的区域,也是浮动元素与其他元素的交互区域。
初学CSS规则背后更深层次的概念其实就是BFC布局规则
12345大专栏 BFC布局class="line">678910111213141516171819202122232425262728293031323334
<!DOCTYPE html><html lang="en"><head> <title>Document</title> <style> *{ margin: 0; padding: 0; } .box { height: 100%; width: 100%; } .left { float: left; height: 200px; background-color: aquamarine; width: 300px; margin-right: 20px; } .right { height: 300px; background-color: blueviolet; overflow: hidden; } </style></head><body> <div class="box"> <div class="left"></div> <div class="right"></div> </div></body></html>
BFC布局
原文地址:https://www.cnblogs.com/lijianming180/p/12433328.html