您好，我是您所使用的继续阅读原作者 我尝试停用所有的javascript(这是我的继续阅读所使用的核心)，您的版面仍然是乱的 所以可以推测应该不是我所造成的问题 :) 关於套用上继续阅读後相当常见的版面错乱，我的见解是： 将样板小装置复原回预设值时，版面的结构可能有改变 目前我已经无法取得您原始的样板，但我猜测您原本的版面应该是这样 ┌─────content ─┐┌────┐ │┌────────┐││sidebar │ 每个方框表示一个div ││　main-wraper 　│││　　　　│ ││　　(主区块)　　│││(边栏)　│ ││　　　　　　　　│││　　　　│ ││　　　　　　　　│││　　　　│ ││　　　　　　　　│││　　　　│ ││　　　　　　　　│││　　　　│ ││　　　　　　　　│││　　　　│ ││　　　　　　　　│││　　　　│ ││　　　　　　　　│││　　　　│ ││　　　　　　　　│││　　　　│ ││　　　　　　　　│││　　　　│ │└────────┘││　　　　│ └──────────┘└────┘ 而您原始(目前)的CSS是： #content { float: right; width: 650px;} #main-wrapper {} #sidebar { margin-top: 90px; float: left; width: 301px;} 但在小装置恢复预设值之後，样板结构变成目前的样子： ┌────content ──┐ │┌────────┐│ ││　main-wraper 　││ ││　　(主区块)　　││ ││　　　　　　　　││ ││┌────┐ ││ │││sidebar │　　││ │││(边栏)　│　　││ │││　　　　│　　││ │││　　　　│　　││ │││　　　　│　　││ │││　　　　│　　││ │││　　　　│　　││ │││　　　　│　　││ ││└────┘　　││ │└────────┘│ └──────────┘ 所以您的sidebar自然就掉了下来，因为他再怎麽float left 也逃不出已经folat right的 contet 为了让以後仍然可以放心恢复成预设值，在不变动样板div结构的前提下 请将css作以下修改： #container{ position:relative; } /*变动*/ #content { float: right; width: 650px; } /*不变*/ #main-wrapper {} /*不变*/ #sidebar { margin-top: 90px; position:absolute; left: 0px; top:0px; width: 301px;} /*变动*/ 这样sidebar就可以脱离conten的限制，外观也接近原本的div样式 我尚未找其他也遭遇跑板问题的网志测试，不过希望这样的CSS可以帮上大多数网志的忙 m(_ _)m -- http://blog.kengao.tw/ --

※ 发信站: 批踢踢实业坊(ptt.cc) ◆ From: 140.116.191.78