最近玩Blogger觉得颇有趣，在那边乱调一些东西感觉还不错， 不过刚才想要新增网页元素时，却发现我的网页元素框框位置很奇怪， 原本应该是要在绿色框框附近的，却莫名其妙叠在红色框框的地方 见图（有点大，要等一下，免下载）http://www.badongo.com/pic/4115791 稍微说一下目前的边界设定：outer 1024 px,main 650 px,sidebar 280 px header 700 px,word 680 px ,footer 没有特别设。 请问有方法可以解决我网页元素错置的问题吗？不然这样要编辑的时候都 要拉到网志上或下才会显示出"编辑"有点麻烦。 「我後来有稍微试着解决一下，因为我有想说会不会是main跟siderbar的 margin设定关系：main,margin: 1px 0px 10 px 5px sidebar,margin: 1px 5px 1 px 0px 因为这样有可能因为main的右边与sidebar的左边没有空格，然後可能挤到原本预设边界 所以显示错置。接着我把 main 零的部份改成3px；sidebar的零也是改成 3px， 虽然是成功隔开点距离，但是网页元素的画面还是错置的啊啊啊啊（抱头）！ 然後我想是不是有一些width设定错误导致的呢？（比方说像是main+sidebar的宽度大於 outer之类的）於是我把原本（可参考本篇前面的width值）的数值改了一下： outer->1000px，main->636px,sidebar->264px,header wrapper->600px(original:700px) header h1:650->580px，然後在#main-wrapper底下有两个宽度（我上面说的word就是 下面语法的「下面那个宽度」，但是我不确定是不是因为这个造成的） （请注意红色部份即可） #main-wrapper { line-height: 1.4; float: $startSide; padding: 5px 10px 5px 10px; margin: 1px 3px 10px 5px; width: 636px; border-width: 4pt; border-style: groove; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ /* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */ voice-family: "\"}\""; voice-family: inherit; width: 620px; } 但是改成之後还是网页元素错置啊啊啊啊……实在是想不到要怎麽改了orz 」 另外想请问如果我想要在符合页面最大宽度（不会用到横向卷轴的情形下）， 我的outer宽度要设多少px比较好呢？ 附上目前的模版 http://www.badongo.com/file/10650761 （blog http://tpasworld.blogspot.com/ ） 感谢各位先进的回覆 ^^ --

※ 发信站: 批踢踢实业坊(ptt.cc) ◆ From: 123.110.6.104 ※ 编辑: ThisIsNotKFC 来自: 123.110.6.104 (08/02 01:37)