html – 在CSS中浮动 – 浮动到右边时,空隙空间留在顶部?

html – 在CSS中浮动 – 浮动到右边时,空隙空间留在顶部?,第1张

概述这有点难以描述,但基本上我的页面上浮动的div留下了不受欢迎的空间.这是描述问题的图片.黑匣子是div. 浮动之前: 浮动后: 期望的效果: 而且我不确定它是否有所作为,但我也有一个空的div,其中“clear:both”立即放置在浮动的div之后. 我怎样才能做到这一点? <div class="a1">a1</div><div class="a2">a2</div>.a1{ back 这有点难以描述,但基本上我的页面上浮动的div留下了不受欢迎的空间.这是描述问题的图片.黑匣子是div.

浮动之前:

浮动后:

期望的效果:

而且我不确定它是否有所作为,但我也有一个空的div,其中“clear:both”立即放置在浮动的div之后.

我怎样才能做到这一点?

解决方法
<div >a1</div><div >a2</div>.a1{ background-color:Red;  wIDth:200px;  height:200px;float:left; }.a2{  background-color:Green;  wIDth:200px;  height:200px;  float:left;}

=======尝试这个

总结

以上是内存溢出为你收集整理的html – 在CSS中浮动 – 浮动到右边时,空隙/空间留在顶部?全部内容,希望文章能够帮你解决html – 在CSS中浮动 – 浮动到右边时,空隙/空间留在顶部?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1050307.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存