Rumah >hujung hadapan web >html tutorial >请教一个效果该如何实现_html/css_WEB-ITnose

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

WBOY
WBOYasal
2016-06-24 12:24:281190semak imbas

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn