CSS栏目式布局下沉及不规则的解决方法（所有模板通用）- -
Tag： CSS 栏目我们所指的CSS栏目式布局一般是一行两列的显示方式：
一、如果是呈这样的双列堆成一列下沉图案：
原因必然是加在首页CSS代码中的.mydiv1和.mydiv2的width值过大了，只需把这两处的width值改小即可（可以反复实践直至不下沉为止，每改一次查看效果时需要按CTRL+F5刷新一次）。
二、如果是呈这样的单双列交错下沉图案：
这是因为分栏允许显示的汉字太多所致。找到加入分栏代码的单篇文章，将代码中“s = s.slice(0,20);”这句的数字20改为更小的数值，然后重新发表这篇文章即可。
三、如果是呈这样的左、右边框不咬合的下沉图案：
一般情况下同普通文章下沉原因相同，即首页中某些文字、播放器、图片太宽以致首页撑不住而下沉，本例中即为橙黄色的导航栏太长所致。
四、如果是呈作者信息和分栏在同一列的图案：
原因是加在首页CSS代码中的.mydiv1和.mydiv2的width值过大了，只需把这两处的width值改小即可（可以反复实践直至不下沉为止，每改一次查看效果时需要按CTRL+F5刷新一次）。
五、如果呈底线下面还有文字的现象：
原因是分栏允许显示的汉字太多所致。找到加入分栏代码的单篇文章，将代码中“s = s.slice(0,20);”这句的数字20改为更小的数值，然后重新发表这篇文章即可。
六、如果分栏无法展开，首先请注意以下地方是否正确：
①showcatalog("mcategory?","category?")
代码中会有很多类似上面的语句（每个分栏对应一个语句），请确保每一个类似语句的问号处的数值都不相同，而且mcategory后的数值应呈递增。另外请注意不要出现两个mcategory值相同的现象。
②<div class="mydiv1" target="_blank">和<div class="mydiv2" target="_blank">这两个语句应该交替，不能都错写成mydiv1或是mydiv2。
③<div class="divtext" id="mcategory?" target="_blank">
代码中会有很多类似上面的语句（每个分栏对应一个语句），请确保每一个类似语句的问号处的数值都不相同，而且mcategory后的数值应呈递增并分别与showcatalog("mcategory?","category?")中的mcatagory后的数值相对应。另外请注意不要出现两个mcategory值相同的现象。
七、如果根本就没看见分栏，文章仅显示代码：
证明你提交文章的方式不正确，正确的操作方式是：登陆后台，点击“写新文章”，然后点击“切换HTML原始码”，将代码复制进来，点击“保存并发布”。
切记：千万不能在后台里编写代码；一旦在博客日志中加入代码并提交后，千万不要再去编辑该日志，否则会功亏一篑！
Trackback
你可以使用这个链接引用该篇文章 http://publishblog.blogchina.com/blog/tb.b?diaryID=4252195