作者a892245 ( )
看板Blog
标题Re: [问题] 侧边栏位往下跑
时间Wed Aug 27 21:17:28 2008
问题好像是出在#content{}的width太小了
我就你的范本结构画个简图给你看~
本来在还没有用css去控制之前，大略的区块是长这样:
┌────────────────┐
│ body(网页整体) │ <body>
│┌──────────────┐│
││ #page(网志整体) ──┼┼→ <div id='page'>
││┌────────────┐││
│││ #header(标头) │││ <div id='header'>网志名称</div>
││└────────────┘││
││┌────────────┐││
│││ #content │││ <div id='content'>
│││┌──────────┐│││
││││ .post(文章) ││││ <div class='post'>文章</div>
│││└──────────┘│││
│││┌──────────┐│││
││││ #sidebar(侧栏) ││││ <div id='sidebar'>侧栏</div>
│││└──────────┘│││
││└────────────┘││ </div>
││┌────────────┐││
│││ #footer(底端) │││ <div id='footer'></div>
││└────────────┘││
│└──────────────┘│ </div>
└────────────────┘ </body>
如上图所示，各区块是依右边html原始码的顺序来排列，且大小一致
经过css设定它的宽高和位置以及细部内容的外貌後
才会像你现在网志的样子
但你看喔，你的#content{}宽度才680px
可是.post下面包含的.entry{}宽就640px了
导致宽220px的#sidebar塞不下，所以就掉到下面去了
解决方式是拿掉#content{}的宽度设定
这样#content就会跟#page一样都是宽950px
950-(640+220)=90 你还有90px的空间可以应用
看是要拿来padding(补白)还是再各给文章和测栏多给一点都可以
※ 引述《vic4370 (嗄ㄚˊ)》之铭言：
: 这是我的网志：http://oleandergarden.blogspot.com/
: 我的网志从八月起
: 侧边栏就开始乱跑
: 常常跑到文章底下
: 我想说是文章栏宽度的问题
: 但是改了width後
: 问题还是没有解决
: 我曾尝试使用最原始的、Blogger原创的template
: 这个问题好像又消失不见了
: 我也不清楚是不是新template的问题
: 呜呜！经营两年多的网志
: 里面有很多很花心思写的文章啊～～
: 不想因而废掉....
: 拜托大家的解答了
--
http://lingshu1005.blogspot.com/
something about my life
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 218.164.180.178
※ 编辑: a892245 来自: 218.164.180.178 (08/27 21:20)
1F：推 ThisIsNotKFC:这篇可以M了～ 08/28 00:25
2F：推 coolgbs:好专业 08/28 09:56