怎样修改HTML+CSS代码,能使评论框不覆盖到下一张图片???

丘淳 发布于 2012/11/16 15:46
阅读 875
收藏 0

自己做了张单页的网页,就是放一张图片,下面放个“多说”的评论框。后面接着放图和评论框。

但发现,第一张图片的评论过多的话,会向下扩张,直接覆盖了第二张图片。


HTML和CSS是自学的,但目前还没未精通,所以有些小问题需要请教一下大家。谢谢拉。


 

<!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>091_青春纪念册</title>
 </head>
 <link rel="stylesheet" type="text/css" href="1.css" />
 <script LANGUAGE="JavaScript">
 bg = new Array(3); 
 bg[0] = 'bg.jpg'
 bg[1] = 'bg2.jpg'
 bg[2] = 'bg3.jpg'
 index = Math.floor(Math.random() * bg.length);
 document.write("<BODY BACKGROUND="+bg[index]+">");
 </script>
 <body style="background-attachment:fixed;">
 <div>
 <div style="width:470; height:auto;">
 	<div style="background-color:#FFF;width:466px;height:350px;margin-top:106px;margin-left:200px;">
 		<div>
 			<img src="http://img170.poco.cn/mypoco/myphoto/20121115/12/66535314201211151234181845609802134_000.jpg" />
     	</div>
 	</div>
     <div style="width:466px;height:350px; margin-left:200px; margin-bottom:50px;">
     <!-- Duoshuo Comment BEGIN -->
 	<div class="ds-thread" data-thread-key="a1" 
 	data-title="pic1" data-author-key="qiuchun" data-url="u1"></div>
 	<script type="text/javascript">
 	var duoshuoQuery = {short_name:"sharedatas"};
 	(function() {
 		var ds = document.createElement('script');
 		ds.type = 'text/javascript';ds.async = true;
 		ds.src = 'http://static.duoshuo.com/embed.js';
 		ds.charset = 'UTF-8';
 		(document.getElementsByTagName('head')[0] 
 		|| document.getElementsByTagName('body')[0]).appendChild(ds);
 	})();
 	</script>
 <!-- Duoshuo Comment END -->
 	</div>
 </div>
 <div style="width:470; height:auto; padding-top:100px; position:relative;">
     <div style="background-color:#FFF;width:466px;height:350px;margin-top:106px;margin-left:200px;">
 		<div>
 			<img src="a (1).jpg" />
     	</div>
 	</div>
     <div style="width:466px;height:350px; margin-left:200px;">
     <!-- Duoshuo Comment BEGIN -->
 	<div class="ds-thread" data-thread-key="a2" data-title="pic2" data-category="" data-author-key="qiuchun" data-url="u2"></div>
 	<script type="text/javascript">
 	</script>
 <!-- Duoshuo Comment END -->
 	</div>
 </div>
 </div>
 </body>
 </html>

加载中
0
日光倾城
日光倾城
和图片挂一块的CSS去掉,或者这样: width:[width]px;去掉height.或者把两个都去掉。
丘淳
丘淳
谢谢拉!!!
0
铂金小猪
铂金小猪
给个图片嘛。。。
0
日光倾城
日光倾城
你能看到么?
0
日光倾城
日光倾城
把height去掉。
0
日光倾城
日光倾城
把width也去掉或改成{width:[width]px;background:#fafafa;.......}
0
日光倾城
日光倾城
我擦,我说怎么看不到回复。
返回顶部
顶部