CSS：盒子尺寸繼承

-1

我正在使用cssmaterialize，他們有一個「彈出」類型的東西，他們稱之爲模態。當我使用此頁面彈出，如果它得到更大然後一定規模，加上一個滾動條，這是我不想：CSS：盒子尺寸繼承

我不想滾動條，因爲你可以看到在形象上，彈出空間仍然有一定的擴展空間，並且不需要彈出。

我決定使用chromes inspect元素功能來查看css並嘗試修復這個小問題。我找不到任何與其身高有關的事情。我唯一能想到這涉及到它那裏說box-size inherit

如果任何人希望看到的CSS，這裏是圖書館的鏈接我使用：

http://materializecss.com/

來源

2015-10-12 Mike

感謝您的投票下來...解釋會很好。 – Mike

您可能想要更改'.modal'選擇器的高度。向選擇器添加「overflow：hidden;」可能會擺脫滾動條，但會隱藏不適合的內容。 – bcosynot

請參見：[如何創建最小，完整和可驗證示例]（http://stackoverflow.com/help/mcve）。 – Oriol

通過CSS去後，我發現那裏的模態高度照顧：

.modal { 
    display: none; 
    position: fixed; 
    left: 0; 
    right: 0; 
    background-color: #fafafa; 
    padding: 0; 
    max-height: 80%; 
    width: 55%; 
    margin: auto; 
    overflow-y: auto; 
    border-radius: 2px; 
    will-change: top, opacity; } 
    @media only screen and (max-width : 992px) { 
    .modal { 
     width: 80%; } } 
    .modal h1, .modal h2, .modal h3, .modal h4 { 
    margin-top: 0; } 
    .modal .modal-content { 
    padding: 24px; } 
    .modal .modal-close { 
    cursor: pointer; } 
    .modal .modal-footer { 
    border-radius: 0 0 2px 2px; 
    background-color: #fafafa; 
    padding: 4px 6px; 
    height: 56px; 
    width: 100%; } 
    .modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat { 
     float: right; 
     margin: 6px 0; }

最大高度是在70％我改成了80％，它的固定我的問題。

來源

2015-10-13 01:38:05 Mike

你可以擺脫溢出的滾動條：隱藏;

來源

2015-10-12 23:47:01 Benneb10

但是盒子仍然會隱藏底部，需要用戶「滾動」。我想稍微擴展一下這個盒子，所以沒有任何東西被剪切掉。 – Mike

您可以編輯高度以具有最小高度：300px;或類似的東西？我認爲你提出質疑的原因是因爲人們不明白你要求的是什麼。 – Benneb10

人們對堆棧的苛刻......布魯克試圖幫助，而不是我所尋找的，但他至少嘗試過。並不意味着每個人都需要投票.... – Mike

CSS：盒子尺寸繼承

回答

相關問題