これに対する解決策があるかどうか疑問に思っています:(おそらくそうではありませんが、あなたは決して知りません！）
このようなulリストがあると仮定します。
<ul class="nav">
<li><a href="/">Home</a></li>
<li><a href="/">What we do</a></li>
<li><a href="/">Human resources</a></li>
<li><a href="/">How we work</a></li>
<li><a href="/">Management</a></li>
<li><a href="/">Multimedia</a></li>
</ul>
そして私たちのCSSは、インラインブロックのトリックで水平に表示します。
.nav li {display:inline-block;}
基本的なビジュアルを追加します
.nav li {border-right: 3px solid #ffb521;}
.nav a:link, .nav a:visited {color: #a51d21;font: bold 18px/18px Calibri,Tahoma,sans-serif;padding: 10px 30px 10px 30px;display: block;background: #ffd074;}
.nav a:hover, .nav a:active {background:#a54d24;color:#ffd074;}
特にない。
ここにフィドルもあります：http：//jsfiddle.net/rjsaQ/
そこで、ここに質問があります。水平方向のリストが拡張され、使用可能なすべてのスペースを占有するが、次の行には進まないようにするにはどうすればよいですか。パディングを削除してmax-widthで遊ぶ必要があると思いますが、試してみましたが、実際には機能しません。widthとmax-widthを組み合わせる必要がありますか？
お時間を割いてお答えいただき、誠にありがとうございます。