定位会完全压住标准流盒子内容及浮动的最初目的是文字环绕

阅读: 评论:0

定位会完全压住标准流盒子内容及浮动的最初目的是文字环绕

定位会完全压住标准流盒子内容及浮动的最初目的是文字环绕

定位会完全压住标准流盒子内容

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>定位会完全压住标准流盒子内容</title><style>.box {/* 浮动的元素会压住下面标准流的盒子,不会压住下面标准流的文字 *//* float: left; *//* 绝对定位或者固定定位会压住下面标准流所有的内容 */position: absolute;width: 150px;height: 150px;background-color: pink;}</style>
</head><body><div class="box"></div><p>阁下何不同风起,扶摇直上九万里</p>
</body></html>

效果展示

浮动的最初目的是文字环绕

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>浮动产生的最初目的是文字环绕</title><style>img {float: left;}</style>
</head><body>1993年,在古装片《455》中扮演一个武功超群的渔民***********************************************************************************************************************************************************************************在片中塑造了一个风流不羁的江湖浪子形象<img src="dj.png">***************************************************************************
</body></html>

效果展示

本文发布于:2024-02-03 07:32:29,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170691674749557.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:压住   盒子   最初   文字   标准
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23