FoosunCMS-上下篇标签DIV

导航：返回上一页

FoosunCMS-上下篇标签DIV

在上下篇标签中。如果你用表格做的话，不会出现问题。

要是新手用DIV+CSS做的话就会出现无法控制的情况。

<DIV id=sublistfooter>
<DIV id=prv>
<DIV class=shangxia>上一篇：</DIV>
<DIV class=prvnext><label 
id="PrevPage_32F8GBJCI6F50GG">
</label><script 
language="JavaScript" 
type="text/javascript" 
src="http://127.0.0.1/Showpage.asp?
Id=32F8GBJCI6F50GG&Type=NS&PageType=PrevPage">
</script> </DIV></DIV>
<DIV id=next>
<DIV class=shangxia>上一篇：</DIV>
<DIV class=prvnext> <label 
id="NextPage_32F8GBJCI6F50GG"> 
</label><script 
language="JavaScript" type="text/javascript" src="
http://127.0.0.1/Showpage.asp?
Id=32F8GBJCI6F50GG&Type=NS&PageType=NextPage">
</script>
</DIV>
</DIV>
</DIV>
  </div>

像上面的代码，你只用CSS控制 上下篇所在的DIV是不行的，也就是说只有

.prvnext{ width:252px; float:left;}

是不行的。你必须用包含选择符来控制里面的<label>标签

.prvnext label { width:250px; margin:0px; padding:0px; overflow: hidden;}

这样才不会浮动。

这个问题我之前在论坛里提问，没人解决。后来自己试出来。主要的原因是，当初不理解想这东西没法控制。

因为后面是个JS调用，以为没发CSS控制，原来是要控制前面的 <label id="NextPage_32F8GBJCI6F50GG">

但这段，给人的第一感觉是和最终的上下篇没联系。

参考来源

• 参考来源