0

私は次のフィドルを持っています: http://jsfiddle.net/VyXWp/1/

#wizard li {
    display: inline;
    min-width:100px;
    float:left;
}

2 番目の div の幅は、テキストの幅に基づいて計算する必要があります。

IE7 と IE8 ではめちゃくちゃです。

何らかの理由で、「a」要素は、テキストではなく、span2 div の幅を取得します。


編集:

さらに掘り下げた後、問題は幅ではなくフロートであることに気付きました。幅を設定しないと、フロートが機能しません。幅をテキストの幅に制限しません。


編集2:

機能し、幅を自動に保つ純粋なcssソリューションが見つからなかったため、最終的にJavaScriptで幅を計算しました。

4

2 に答える 2

0

CSSのwidth プロパティは、正確な値を渡すときに固定パラメーターを取りますが、パーセンテージに関しては、要素の幅を 50% または 100% に設定すると、親要素の幅のパーセンテージを取ります。

したがってdiv、幅が 500 ピクセルで、p内側に幅が 50% のpタグがある場合、タグは 250 ピクセルになり、100% の場合はその逆になります。

私の提案は、親要素の幅またはパーセンテージが固定されていることを確認することです

これも役立つかもしれません http://learnlayout.com/percent.html

于 2013-08-05T15:58:32.297 に答える
0

機能し、幅を自動に保つ純粋なcssソリューションが見つからなかったため、最終的に古いブラウザのjavascriptで幅を計算しました。

于 2014-04-24T14:41:34.557 に答える