html – 为什么浮动比位置更好:相对和绝对,而我们可以快速布局位置?

前端之家收集整理的这篇文章主要介绍了html – 为什么浮动比位置更好:相对和绝对,而我们可以快速布局位置?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
为什么浮动比位置更好:相对和绝对,而我们可以快速布局位置?在这个衰退时期,时间是非常重要的.

当我们制作2-col,3-col或multi-col布局,然后在layout div中定位其他元素.

世界上大多数人都喜欢浮动.为什么浮动比位置更好:相对位置和位置:绝对给位置< body>中的任何元素和其他嵌套元素?

如果使用位置:布局页面/设计,我们可以创建一个容器div,它设置为position:relative,允许容器div中的header,content和nav div设置为position:relative,允许这些div被定位相对于容器div.

并且定位我们可以保持“主要内容”第一和“左边栏”第二的源顺序,这对SEO有好处.

请用例子演示页面解释一下.

解决方法

float将不会破坏文档流程 – 同样,它会将任何使用它最适合的元素放置在容器宽度中 – 比如说我的宽度为800px的容器中有5 x 200像素的div,最后一个5进入“新线“ – 使用位置:相对将使您需要计算何时需要打破自己,并且它不会正确打破,因为显示将被阻止并跨越整个宽度,否则将会内嵌块或内联,不会像div一样为div提供相同的方式,并且几乎会使文档流和布局.

这取决于你想做什么:position:relative用于将元素移动到其自然位置,而float将使其弹出到父元素中最左侧或最右侧的位置.位置:绝对将让您相对于整个html文档进行定位.

原文链接:https://www.f2er.com/html/224555.html

猜你在找的HTML相关文章