css - 向右浮动不起作用

标签 css html

我一直在尝试将社交图标 float 到页面的右侧,但由于某种原因它不起作用。

但页面顶部的文本完美 float 。

这是一个 fiddle : check it out here

<div class="social">
  <a href="/"><img src="img/twitter.png" width="32" height="32" alt="Twitter" /></a>
  <a href="/"><img src="img/google_plus.png" width="32" height="32" alt="Google" /></a>
  <a href="/"><img src="img/linkedin.png" width="32" height="32" alt="LinkedIn" /></a>
  <a href="/"><img src="img/facebook.png" width="32" height="32" alt="Facebook" /></a>
</div>

最佳答案

 clear:both

在社交css中添加上面的css

关于css - 向右浮动不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12124572/

相关文章:

html - 如何在表单按钮中自动调整背景图像的大小?

css - 为什么我不能将我的图像和搜索栏放在导航栏的右侧?

html - 隐藏 <h1> 标签而不被 Google 禁止的正确方法是什么?

html - 如何在宽度不同时将导航菜单变成按钮?

javascript - 为什么 Canvas 是未定义的

php - 打印机使用的 PDF 中的标记,如何生成和 QA 过程

html - 删除容器和导航之间的空间

html - Swiper 相对于标题中其他元素的位置

jquery - 我的网页底部有一个不必要的空白区域,它是从哪里来的,我该如何摆脱它?

html - 相对 flexbox 中的绝对定位元素