Home > Web Front-end > HTML Tutorial > 请教一个效果该如何实现_html/css_WEB-ITnose

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

WBOY
Release: 2016-06-24 12:24:28
Original
1163 people have browsed it

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;}
Copy after login
Copy after login


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

右边 不用浮动
css代码:

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


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


3Q!!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template