css - コンテンツに収まる必要がある残りの幅の div は?

Question

私はこれをしたいです。

ラッパーの幅を変更しています (100% の場合もあれば、固定幅の場合もあります)。サイドバーのコンテンツは幅 250px に固定されるように設計されており、コンテンツは柔軟でなければなりません。しかし、コンテンツを設定すると、コンテンツが{ width: 100%; }あふれすぎて収まりません。

Answer 1

あなたが探しているものを理解していれば、css/htmlだけではできません。JavaScript を使用してラッパーの幅を取得し、固定要素の幅を差し引いて、それをコンテンツ div の値に代入します。下記参照：

var wrapW = document.getElementById("wrapper").clientWidth;

var contW = wrapW - (sideWidth + marginWidths);

document.getElementById("content").style.width = contW+"px";

上記の例では、sideWidth と marginWidths に固定値を挿入することは明らかです...

Answer 2

クエストの言い回しが悪かったのかもしれませんが、とにかく CSS で実装しただけです。

contentdiv は 100% にすることができますが、にmargin-right設定する必要があり(siderbar.marginLeft + sidebar.width + sidebar.marginRight)ます。100% の場合、明示的な幅があるため、コンテンツに収まります。

660px から960pxの間の eppz.eu/blog を参照してください。