考慮到多數使用者的螢幕解析度不見得都是設定成最大解析度

所以整個BLOG的寬度就只好採用預設值

但是這樣文章區的圖片就只能顯示600px,超過就會被卡掉

解決方法很簡單,就是修改CSS裡面的overflow語法

首先確定 .article-content 沒有設定overflow:hidden;

有的話可以在前後加上註解,讓設定失效。 /* .article-content{xxx} */

再來找到#main跟#content

不管預設值有沒有overflow,一律加上overflow: visible;

這樣子超過600px的圖就會突破div的寬度限制

同時也不會破壞整個結構

範例:http://matmoki.pixnet.net/blog/post/27549294

備註:盡量把大圖加在文章的尾巴,不然會蓋到右邊

 

// 延伸資訊 //

http://www.hsiu28.net/style/style_11.php

http://subocheng.blogspot.com/2007/11/div-overflow-width-100.html

MatMoki 發表在 痞客邦 PIXNET 留言(1) 人氣()


留言列表 (1)

發表留言
  • Quilia
  • 感謝這篇教學,我順利將overflow設定好了:)
  • ^___^

    MatMoki 於 2011/11/15 10:23 回覆