コンテンツとエラスティック幅の重複CSS

私はWeb Designで新しいのですが、私はそこに着いています。しかし、私はまだ弾力的なレイアウトやフロートに問題があります。私はこのページの問題がどこにあるのかと思っていますが、私はそれを理解するにはあまりにも経験がありません。コンテンツとエラスティック幅の重複CSS

はここに私の問題が示されています： https://img.skitch.com/20120327-nwrm3t1u8cwppnwnegw8f2q7st.jpg

をここに私のコードでバイオリンです： http://jsfiddle.net/C3Dw2/1/

これは、それがどのように見えるかです：私も右のスクロールを持ちたい http://img.photobucket.com/albums/v410/justice4all_quiet/register_13.jpg

セクションが親divに収まります。今、それはそこから流出しています。

ご協力いただければ幸いです。

EDIT

今残っている唯一の問題は、彼らの親のdiv内のアイコンに滞在されていません。解像度がウル子要素を包含することを大きなENFある場合にのみu'veがpercentage.Percentageにheightとwidthを与えられた要素のそれぞれに http://jsfiddle.net/xehMG/2/

出典

2012-03-27 amandathewebdev

これは少しですが混乱。あまりにも多くを解くこと。あなたは本当に理由を知らずに、すべてが残っているように思えます。通常は 'li'が浮動小数点型のリストである順序付けられていないリストを使用していますが、代わりに' li'の中に 'p'タグを浮かべています。また、失敗のために運命づけられている位置決め/マージンにはパーセントを使用し、本体のタグにセンタリングされたテキストが設定されています。私はあなたが実際にあなたが求めている質問の背後にある力学を理解するように、この質問をはるかに単純な質問と再投稿に分割するでしょう。 – mrtsherman

Sooo ...たぶん私は全部を始めるべきでしょうか？ – amandathewebdev

親愛なる私の答えを見て、私はいくつかの場所に遅れている場合私に知らせてください。 – w3uiguru

設定min-heightが有効になります。

パーセントを使用する場合は、子に必要な最小幅に注意し、その親の最小幅を設定します。また、親から子のオーバーフローを制御するために、overflow:hidden|scroll|autoをフォールバックとして使用します。

出典

2012-03-27 18:05:59

アドバイスをいただきありがとうございますが、私は次のことを確信していません。"パーセンテージは、解決策が大きい場合にのみ効果的です。これを拡張したり、これを説明する記事へのリンクを提供することができますか？私はそれの周りに私の頭を包むことができません申し訳ありません。 – amandathewebdev

その箱よりも小さい箱の中にウルの頭を入れてみてください - そうではありません..それは私の言うことです..ウル 'textBox'と他の要素は' 100px' - それは '80px'と呼ばれる要素を埋め込みます.Un要素は' min-width'（これは100pxに設定されています）なしでパーセンテージで幅を与えられれば80pxになります。 –