※进行一下动作之前，请务必将范本CSS做好备份，以备不时之需 ┌─#container3 ────────────┐简单了解版面结构(只将会影响的区块 │┌#header ─────────────┐│粗画出来) ││ ││第一步：找出最上层宽度有设限者， │└─────────────────┘│找到了 #container3{……} │┌#main ──────────────┐│其中width被设定为950px，修大宽度 ││┌#content──────┐┌#links┐││来个1100px好了(根据原po给的范例XDDD) │││┌.article-content┐││ │││ │││└────────┘││ │││第二步：了解main、content 、links ││└──────────┘└───┘││现的宽度 │└─────────────────┘│main= │┌#footer ─────────────┐│1100px-25px*2=1050px │└─────────────────┘│#content{ width: 670px;} └───────────────────┘#links{ width: 200px;} 670+200=870，嗯，宽的扣打还有180px 第三步：将扣打加入#content里，将#content{ width: 670px;} 改成#content{ width: 850px;} ρ(-ω-〃) 呃，这样文章和侧栏黏TT的，太密个人不喜欢， 所以将850px缩小为840px，习惯留点空间呼吸~~(呼) 第四步：.article-content{ width: 670px;}改成#content{ width: 830px;} 基本上宽度加宽到此算一个结束，以下是细部美化部份 首先，我的banner图怎麽怪怪的Σ(-`ω′-;) 这是因为原背景图宽度只有960，宽度拉成1100它就不够宽，重覆的部份就跑出来 解决办法(1)重新将背景图加宽上传，更新#banner{ background:url("图片位置")} (2)我图不改，右边还是维持白色，背景图不要重覆就可了 #banner { background: url("图片位置") repeat scroll 0 0 rgba(0, 0, 0, 0) }中的repeat改成no-repeat 完工 接下来，我的文章标题怎麽怪怪的Σ(-`ω′-;) 加宽的关系，文章标题也要加大了.title{ width: 535px;} 840-10-115= 715 #content宽度-.article-head的padding-发文日期宽度 所以请修改成.title{ width:715px; } 疑~~我文章宽度增加了被什麽我的图没一起变大!!!!! 请将 .article-content-inner img[src$=".jpg"] { height: auto; width:100%;} 加入到CSS中，应该就看得到所有文章图变大了 --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 114.45.158.183 ※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Blog/M.1402373703.A.D2D.html ※ 编辑: likangrace (114.45.158.183), 06/10/2014 12:19:57 1)Banner图 搜寻 #banner{ 应该有以下的搜寻结果 #banner { height:318px; background:url(https……….jpg) no-repeat; } 请在background:的後面新增绿色的部份 完工 2)嗯，最後的写法的确会连直图也变大， 若要使用还需搭配其他script才可， 所以我将它低调暗化它了(欲看者请自行开灯哦)， 就请原po省略它吧(＠△＠；) <(＿ ＿)>抱歉了 ※ 编辑: likangrace (114.45.159.206), 06/11/2014 10:04:51