2

私は横型のウェブページを作ろうとしています。ただし、フローティングされているコンテンツに対応するために幅を特定の幅に設定し続けたくありません。含まれているコンテンツに合わせて Div を自動的にサイズ変更する方法はありますか? このようにして、すべてのコンテンツがフロートまたは「水平」スクロールになりますか? width:"specific size" を使用していますが、コンテンツが多すぎるとすぐにオーバーフローします。それが起こらないようにする方法と、特定の幅サイズを指定する必要がない場所はありますか?

編集:私が欲しいのは、ウェブサイト全体を水平方向にスクロールすることです。特定の div 自体だけにスクロールバーを持たせたくはありませんが、div 内に 3 つの div がある場合でも、後で 6 つの div を追加する場合でも、div の幅をコンテンツに合わせて調整できるようにしたいです。 div。

たとえば、私が欲しいのはこのようなものです。（さらにコンテンツがあっても次の行にドロップされない場合）つまり、これはcssだけで達成できますか？）私が正確に知らないdivだけでなく、ウェブサイト全体がスクロールしている場合にその効果が特に欲しいそのウェブサイトがそれをしている場合。基本的に、特定のdiv自体のスクロールバーだけでなく、Webサイト全体を水平にスクロールしたい.

たとえば、より多くのコンテンツがある場合は垂直にスクロールし続けることができますが、それは私が望むものですが、ウェブサイトの水平スクロールではそれが可能ですか?

これがtumblr用の私のコードJfiddle Codeですが、これはtumblrだけではありません。通常の Web サイトでこれを行うことを考えていますが、手動でリスト項目または Div を追加します。フロートされたコンテンツが次の行に落ちないように、幅をコンテンツに合わせて調整する方法があるかどうかを確認したいだけです。

4

4 に答える 4

2

このフィドルをチェックしてください、それはあなたが必要とするものです

div{
    width:auto;
    overflow:auto;
    white-space:nowrap;
}​
于 2012-04-14T07:43:21.147 に答える
2

必要なのはdisplay: inline-block;

このように: http://jsfiddle.net/ZDJbH/

于 2012-04-14T07:48:58.987 に答える
0

1. display:inline-block
2. float:leftorfloat:rightラインボックスを破壊してしまうので。
3.position:absolute；（and without top, left or position:absolute) 使用するために情報を知る必要がある場合があります。

于 2012-04-14T08:16:32.560 に答える
0

css width プロパティを auto に設定します

#yourDiv {width : auto;}
于 2012-04-14T07:34:18.557 に答える