4/29/2010

CSS Position Relative 基本應用 - 四角定位

Ref: CSS Position Relative : 基本應用 - 四角定位

CSS中的Position設定數值分別為 absolute, relative, fixed, inherit 和預設的 static。而最常用的則是Relative 和 Absolute,而Fixed…IE 6是完全不支援的關係下,儘量也不建議使用。


初 學者通常也分別不到Relative 和 Static用法的分別。Relative擁有Top, right, bottom, left 的屬性。不過這對初學者用處不大,平時預設(Static)時也會用Margin的寫法來控制物件和物件之間的距離。


Relative最實 用的例子就是,有些常在其中一個Div上設置右上/右下的icon。用最基本的寫法也許是img上加上position absolute,再利用margin-left慢慢推過去。雖然absolute也是擁有Top, right, bottom, left 屬性。可是你用上Right : 0,它卻走到畫面最右端。


其實只要在Absolute的外層再加入一個Relative的屬性,你的 Top, right, bottom, left 就會跟隨Relative的DIV。


Example:


Absolute bottom

這個寫法亦可以用在圓邊排版上,不過這個設定時要留意一下IE 6,通常利用CSS Hack,加入 _bottom:-1px 就可以解決。

4/08/2010

Devo Fast Red Wine New Website

葡萄酒,紅酒批發 - 迅展貿易(深圳)有限公司


Devo Fast's New Website Is Launched


Devo Fast 葡萄酒,紅酒批發 - 迅展貿易(深圳)有限公司

Devo Fast's new website is launched. Devo Fast (Shenzhen) Company Limited is the foreign-owned enterprise which is wholly owned by Smart-Info Limited, It is founded in 2008 with the registered capital of RMB$8 million. The company mainly imports wines from France, It is committed to promote & provide high-quality imported French wine to China consumers. http://www.devofast.com


迅展貿易全新網站已經推出。迅展貿易(深圳)有限公司是屬於香港港訊網路有限公司全資擁有的外資獨資企業,創建於2008年,註冊資本800萬元人民幣。公司主營法國進口葡萄酒業務,致力向中國消費者推介和提供原裝進口的法國高品質葡萄酒。


波爾多紅酒 Red Wine:bordeaux

i-web-design.org:Web Design,SEO Company | Smart-Info: Web Hosting,Web Design