Maison  >  Article  >  interface Web  >  请教一个效果该如何实现_html/css_WEB-ITnose

请教一个效果该如何实现_html/css_WEB-ITnose

WBOY
WBOYoriginal
2016-06-24 12:24:281158parcourir

html css

请教一个看上去很简单的问题,可是我就是总是出错,达不到效果,需求如下:



我是打算左边一个img 浮动,右边一个div浮动,右边里面放h3和ui的。。样式代码如下;






可是出来后在火狐中是这个样子的结果


唉,真是没有办法了,到底是哪里出现了问题呢,求大神指导啊

回复讨论(解决方案)

righ{float:right}

直接把代码贴出来,难得要自己从新输入一遍吗?

请贴代码好吗

last右浮动试试

右边 不用浮动
css代码:

.left {  float:left;  display:inline;  height:100px;  width:100px;}.right{  margin-left:105px;  height:100px;}


html代码:
<div class="left"><img src="" alt="" /></div><div class="right">里面是内容</div>

右边 不用浮动
css代码:

.left {  float:left;  display:inline;  height:100px;  width:100px;}.right{  margin-left:105px;  height:100px;}


html代码:
<div class="left"><img src="" alt="" /></div><div class="right">里面是内容</div>


3Q!!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn