css - CSS で、色付きの背景をページ幅の少なくとも 50%、最大で 90%、および必要なだけ広くする方法は?

Question

CSS で、色付きの背景をページ幅の少なくとも 50%、最大で 90%、および必要なだけ広くする方法は?

<pre><code> .....................
adsfdasgsfdgsfdgfsdgdsfg
adgsfdgfsdgsfd
</code></pre>

Answer 1

HTML

<pre class="somebackground"><code>...</code></pre>

CSS

<style type="text/css">
.somebackground {
 background:red;
 display:inline-block; /* Changes block elements to only be 50% */
 min-width:50%;
 max-width:90%;
}
</style>

jsFiddleデモを参照してください。

Answer 2

max-widthとmin- widthを試してみてください。

したがって、min-width を 50% に、max-width を 90% に設定できます。

そうすれば、要素は常に 50% から 90% の間になります。