applegray

导航

2012年9月24日 #

相对定位中的margin根据什么定位?

摘要: 对于《寻找圣杯布局》这篇文章,里面有一点把我搞得很糊涂,那就是原文第三步把左列拖回恰当的位子那里开始,给左列设置margin-left:-100%后(还未设置right)右列的位子在各浏览器的位置是不同的,原文给出的图中右列是向左移然后占据了原本左列的位子,如图:而我在Chrome、FF、IE9下看了一下,右列的位置都是不同的:以上三种浏览器中右列位置的不同,我首先想知道的是对于一个相对定位的元素来说,给它设置了margin后它是否还在文档流中?它在原来的位置还占不占空间?根据以上三个图,我感觉在Chrome中左列是没有脱离文档流中,它的最初所占据的空间还一直在那里,因为右列的位置没有变化,只 阅读全文

posted @ 2012-09-24 23:50 applegray 阅读(432) 评论(0) 推荐(0)

寻找圣杯布局(译)——上

摘要: 说实话,昨晚之前,我还真没听过圣杯布局这个词。看了A List apart的In Search of Holy Grails,觉得很不错,里面有好几个我以前理解错误或没想过的知识点。于是决定将那篇文章翻译成中文。由于非专业水平,翻译个大概就OK了。以下图片、代码均出自原文:http://www.alistapart.com/articles/holygrail/《寻找圣杯布局》 很抱歉,真的。这不是我命名的。我并不是想故意夸大它的重要性或贬低其他来突出圣杯。 但是名字就在那儿,而且我们都知道这意味着什么。 三列。一个固定宽度,可以做你的导航栏,另一个可以放你的谷歌广告或你的Flickr照片,. 阅读全文

posted @ 2012-09-24 14:12 applegray 阅读(304) 评论(0) 推荐(0)