float 浮动 div 不随浏览器分辨率大小而位置发生变化

最新推荐文章于 2019-03-25 15:17:37 发布

OkidoGreen

最新推荐文章于 2019-03-25 15:17:37 发布

阅读量1w

点赞数 3

CC 4.0 BY-SA版权

分类专栏：前端-Css

本文链接：https://blog.youkuaiyun.com/z69183787/article/details/23326063

前端-Css 专栏收录该内容

28 篇文章

订阅专栏

本文详细介绍了如何在网页中使用浮动布局实现元素的灵活定位，包括如何在浮动层外部增加父DIV设定具体宽度，以及如何解决浮动导致的布局问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<div style="width:900px;border:1px solid yellow;">
<div style="position:relative;display:block;width:500px;float:left;border:1px solid black">dsadsadsa</div>
<div style="position:relative;display:block;width:300px;float:right;border:1px solid red">111111111111111111</div>
<div style="clear:both;"></div>
</div>

</html>

在浮动层外部增加父DIV 设定具体宽度即可。