【问题标题】:floating content next to an image图片旁边的浮动内容
【发布时间】:2012-02-14 23:50:01
【问题描述】:

我有三个元素,一个图像、一个链接和一个段落,我想让图像左对齐,然后漂浮在链接旁边,然后在链接下方的段落,但是无论我尝试什么,我似乎都只能够让链接浮动在我的图片旁边,而文字就在图片下方,我怎样才能让它像我的链接一样浮动?

所以它需要看起来像这样,

这是我的小提琴,

http://jsfiddle.net/Udders/JjHLa/

【问题讨论】:

  • 您找到解决方案了吗?

标签: html css css-float image


【解决方案1】:

你应该把你的链接和文本放在同一个div。然后你可以绝对定位链接/文本,并将它们调整到完美,然后浮动 div。

【讨论】:

    【解决方案2】:

    这是你想要的 jsfiddle:

    http://jsfiddle.net/JjHLa/1/

    将此添加到您的 CSS:

    .field{position:absolute;margin-top:40px;margin-left:85px;}
    

    修改你的 html,你的文本是这样的(add class 'field'p tag):

    <p class='field'>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    

    希望这会有所帮助。

    【讨论】:

      猜你喜欢
      • 2019-07-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-06-30
      • 1970-01-01
      • 2011-12-15
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多