请问 做图片突出效果 布局
div吧
全部回复
仅看楼主
level 1
👻Bansee 楼主
请问这中效果怎么做 ，文字字数不固定，图片位置固定定的，我用相对定位绝对定位都不行
最好贴代码
2013年02月22日 08点02分 1
level 8
qq1406554120
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">
#centent{width:1000px; height:800px; position:relative; margin:0 auto;}img{width:100px; height:100px;position:fixed;right:300px; top:100px; display:block}</style></head>
<body>
<div id="centent">内容略去几万字<img src="qqg.png" /></div>
</body></html>
2013年03月05日 12点03分 2
level 8
qq1406554120
ie6中要用js控制位置。
2013年03月05日 12点03分 3
level 8
qq1406554120
今天又看了看，然后自己做的效果是这种，如图，楼下代码。
2013年05月01日 10点05分 4
level 8
qq1406554120
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>狠傻很天真博客</title>
<Meta name="Author" Content="狠傻很天真，http://blog.sina.com.cn/u/2766733967">
<style type="text/css">
*{margin:0; padding:0;}
div{width:400px; height:auto; margin:0 auto;text-align:left; }
.div1{width:300px; height:auto; background:#CCC; float:left;
.div2{width:200px;float:left; padding:20px 20px 0 20px;margin-left:-50px;}
.div3{width:200px;float:right;padding:20px 20px 0 20px;margin-right:-50px;}
</style>
</head>
<body>
<div>无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文<div class="div3"><img src="../00000.jpg" width="200" height="200" /></div>档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无<div class="div2"><img src="../00000.jpg" width="200" height="200"/></div>标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档</div>
</body>
</html>
2013年05月01日 10点05分 5
level 1
喝可乐打俩嗝
我用了相对定位，是可以实现这个效果的
楼主威武啊 - (╯▽╰)
2013年05月02日 10点05分 7
level 1
得闲饮茶iii
[呵呵]
2013年05月22日 15点05分 8
1