文章内容页广告浮于左上角的解决办法


答案：这个是整页代码，你可以看着改了，也可以保存成HTML文件，完了试试看就知道了，主要用的CSS+DIV 

上面的东西移到模板中，下面的东西也是一样~完了就行了~ 

<!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> 
<style type="text/css"> 
.container { 
display:table; 
width:500px; 
background:#66FFCC; 
} 
.main { 
display:table-row; 
width:100%; 
background:#669933; 
} 
.left { 
float:left; 
width:165px; 
display:table-cell; 
background:#663399; 
} 
.right { 
background:#33CCFF 
display:table-cell; 
} 
</style> 
</head> 
<body> 
<div class="container"> 
  <div class="main"> 
    <div class="left">广告部分。 
 </div> 
 <div class="right"> 
   文章内容部分<br /> 
   文章内容部分<br /> 
   文章内容部分<br /> 
   文章内容部分<br /> 
   文章内容部分文章内容部分文章内容部分<br /> 
   文章内容部分<br /> 
   文章内容部分<br /> 
   文章内容部分<br /> 
   文章内容部分<br /> 
   <br /> </div> 
  </div> 
</div> 
</body> 
</html>

上一个：100%点击区的滑动门代码第1/2页
下一个：CSS样式表常用小技巧收藏

更多图片编程知识: