文本包木窗周围的图像

http://69.143.137.155/csa-consulting/

见毕业帽的形象？我试图让它旁边的文本位于毕业帽右侧（即使是顶部），直到它变得比图像更长，然后才能使用整个空间。

任何想法？

谢谢！

2011-05-30 coderego

将图像浮起。

.someclass 
{ 
    float: left; 
}

来源

2011-05-30 12:47:25

已经是我的想法。 – coderego 2011-05-30 12:48:22

查看源代码，您正在浮动容纳图像和文本的容器div。将float应用于图像，应该这样做 – 2011-05-30 12:51:54

你不是。您正在浮动图像坐在旁边的div，但不是图像本身。 – MrG 2011-05-30 12:51:56

我真的不明白你的意思（甚至与顶部）的一部分，但我会建议是包括浮动：左风格你的形象，

<img src="images/grad_cap.jpg" style='float:left' />

记得放一个明确的：在下一个要素，以确保一切都重置为正常。例如

<div style='clear:both' />

这里有一个很好的教程，让你的你需要哪一步一步的演练，http://css.maxdesign.com.au/floatutorial/

问候，
安迪。

来源

2011-05-30 12:49:18 cherhan

<div style="overflow:auto"> 
     <div style="float:left;"> 
      <img src="#" style="margin-right:10px;"/> 
     </div> 
     <div style="float:right;"> 
      text goes here. 
     </div> 
</div>

CSS浮动将达到你想要的效果。父元素的自动溢出会清除浮动元素，以便容器的基部扩展到两个子元素的高度（它与clear：都是相同的）。

如果你想在图像和文本之间的一些空间，要么把图像上的一些保证金/填充，或定义左侧的宽度，右浮动div的允许之间的一些空间。

（通过把保证金/填充的图像，而不是浮动的div，你避免Internet Explorer 6中的臭虫边距上浮动元素增加了一倍。）

来源

2011-05-30 12:52:11 addedlovely

文本包木窗周围的图像

回答

相关问题