标签:BFC 负值 clearfix float 基础 html 元素 margin css
如何理解html语义化?
1、让人更容易读懂(增加代码可读性
2、让搜索引擎更容易读懂(SEO)
盒模型宽度
box-sizing
margin负值的问题
margin-top 和 margin-left ,元素向上,向左移动
margin-rightf负值,右侧元素左移动,自身不受影响
margin-bottom 负值下方元素上移,自身不受影响
什么是BFC?有什么应用?
* block format context ,块级格式化上下文
* 一块独立渲染区域,内部元素的渲染不会影响边界以外的元素
BFC形成的常见条件
* float 不是none
*posotion 是absolute 或fixed
*overflow 不是 visible
*display 是flex inline-block等
BFC常用来清除浮动
float 圣杯布局和双飞翼布局的技术总结
1、使用float布局
2、两侧使用margin负值,以便和中间内容横向重叠
3、防止中间内容被两侧覆盖,一个用padding一个用margin
手写clearfix
.clearfix:after{
content:";
display:bolck;
clear:both
}
标签:BFC,负值,clearfix,float,基础,html,元素,margin,css 来源: https://www.cnblogs.com/xwj-web/p/16539056.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。