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

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

WBOY
發布: 2016-06-24 12:24:28
原創
1163 人瀏覽過

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板