DIV盒子中的float和margin的最详细分析_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 1:04:26 共计：3643 浏览

对于HTMl中的一些小疑惑，在这里进行解析一下。

DIV是基于行，就是一个div占据一行，不会让别的元素，和自己同行。

span不是基于行的，就是一个span哪里有空哪里专，不会单独占用一行。

Float:Css样式的float浮动属性，用于设置标签对象（如：<div>标签盒子、<span>标签、<a>标签、<em>标签等html标签）的浮动布局

DIV在float之后就失去了本个div基于行的性质。下一个元素的东西会移动过来。

float:right

关于两个div占据同一行的解决方法：http://www.tuicool.com/articles/fMneyuz

来一个明了的图。

一个div-c浮动之后就不属于div-a的成员了。

div浮动之后的margin的计算，是按照与自己靠近的元素为基础的。

Margin说明

margin是设置对象外边距外延边距离(里面元素到外右的距离)。而不是距离别的某个元素的距离。

margin的值有三种情况，可以为正整数和负整数并加单位如PX像素（margin-left:20px）；可以为auto自动属性(margin-left:auto自动)；可以为百分比（%）值（margin-left:3%）。

Margin延伸（单独设置四边间距属性单词）

margin-left对象左边外延边距（margin-left:5px; 左边外延距离5px）

margin-right对象右边外延边距（margin-right:5px; 右边外延距离5px）

margin-top对象上边外延边距（margin-top:5px; 上边外延距离5px）

margin-bottom对象下边外延边距（margin-bottom:5px; 下边外延距离5px）

同一个对象在外延距离遇到别的元素（不一定同一个元素）的时候会进行移动，来使我们的外延距离达到我们的要求。

这里仅仅是自己的几个只是疑惑点。如了解具体的可以去查询相关的API。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。