0

max-width子要素がフローティングされているコンテナ要素に設定したいと思います。どうすればいいのですか？

既定では、max-widthプロパティは特定のシナリオでは機能しません (ただし、min-width機能します)。これは、質問を手伝うために使用できるフィドルです。

フィドルのプレビューペインを見てください-これが私が話していることです(.dropdown-menuクラスは関連するスタイルを定義します):

最小幅が機能しない

しかし、これは（多少）次のように見えるはずです：

どのように見えるかのプレビュー

4

4 に答える 4

1

position:absolute;と置き換えますposition:fixed;

left:0px;そしてに変更left:35px;

更新されたペン: http://codepen.io/joe/pen/hzDaG

于 2012-12-14T09:44:35.633 に答える
0

に変更position:absolute_position: fixed;.dropdown-menu

width/height:100%絶対位置では機能しません。

.dropdown-menu {
    position: fixed;
    top: 36px;
    left: 35px; 
    z-index: 1000;
    display: none;
   max-width: 100% !important; 
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.12);
    color: #222;
}

デモ

于 2012-12-14T09:45:00.287 に答える
0

max width の代わりに with を使用しない理由は、そのように機能します..または、div を配置して ul タグを囲み、幅を配置します

于 2012-12-14T09:54:17.273 に答える