首页 >web前端 >html教程 >请教一个效果该如何实现_html/css_WEB-ITnose

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

WBOY
WBOY原创
2016-06-24 12:24:281176浏览

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!!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn