2011-07-08 11 views
3

私の仕事では、しばしばCSSを使ってページのレイアウトを作っていますが、私はCSSの位置をうまく使うことができません。cssの位置ガイド

私は、フロート/絶対/ releativeを知っていて、など

しかし、私はそれらを使用するとき、私は頻繁に私が欲しかったものを手に入れることができません。特に、float要素などの絶対位置要素を使用して、ネストされたレイアウトを使用する場合。

私はw3cschoolチュートリアルを読んでいますが、わかりません。

詳細なCSSガイドがありますか?または、要素をレイアウトするときのいくつかの一般的なルール?

+1

本当は答えはありません。フローティング要素にposition:relativeを渡すことで、要素をフローティング要素の中に絶対配置することができます。その内部に絶対配置された要素は、ウィンドウではなく浮動オブジェクトに相対的に配置されます。 – Gerben

+1

++++。あなたが私に言う前に浮動要素を関連する位置に設定できると聞いたことはありません。だから私は自分で学ぶことのできるガイドを提供できるのだろうか? – hguser

+0

まあ、常に仕様があります:http://www.w3.org/Style/CSS/:] –

答えて

2

私はいつもcssの決定的なガイドを探していましたが、それは決して見つかりませんでした。私は、CSSがどのように動作し、実際にそれを理解するのかを知る最良の方法は、良いリファレンスで物事を見て、それを非常に慎重に読むことだと思います。 Mozilla Developer Networkは素晴らしいと思いますが、彼らは素敵なcss referenceを持っています。

Smashing Magazineのようなウェブサイトで記事を読むことは、高度で複雑な概念のいくつかを頭に浮かべる良い方法です。彼らのarticle on floatsが特に私を助けてくれました。