首页 > 网站 > 建站经验 > 正文

风讯里面上下篇标签DIV模式下浮动的解决方法!

2024-08-30 19:06:25
字体:
来源:转载
供稿:网友

分享下,我前几天的经验。在上下篇标签中。假如你用表格做的话,不会出现问题。

要是新手用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="/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="/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">

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

一点经验,拿出来分享给那些互相帮助的论坛里的朋友。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表