0

これが私の問題です：

PNlmain観光客の詳細が書かれたメインパネルです

pnlTouristInfo- 1 人の旅行者のデータを保持します。システムのように、最大​​ 3 人の観光客のみ予約できます - 身長は 32% です。 PnlMaiを保持しますpnlTouristsInfo。

pnlNamesにpnlChargeは、観光客の名前と料金に関する情報が保持されます。のスペース全体を埋めpnlTouristInfoます。

そのため、旅行者は名前を 1 つしか持てませんが、多くのチャージを持つことができますpnlChargesItem。

問題は、観光客が多くの追加料金を支払う場合、 pnlCharges とpnlName をどのように成長pnlTouristInfoさせるかということpnlMainです。min-heightまた、たとえば観光客が 1 つの料金のみを追加する場合、 32%を節約したいと考えています。pnlTouristInfo

質問で申し訳ありませんが、私はcssが嫌いです-そして私はそれが初めてです

    .pnlMain {
        width:90%;
        min-height:50%;
        height:50%;
        border-top:solid 3px blue;
        margin:auto;

    }

    .pnlTouristInfo {
        position:relative;
        width:99%;
        min-height:32%;
        height:32%;
        border: solid 2px RGB(204,204,204);
    }
    .pnlNames
    {       
        position:relative;
        width: 28.5%;
        height:99%;
        border-right :solid 0.8px RGB(204,204,204);

        float:left;
        text-align:left;

    }


    .pnlCharges {

        position:relative;
        width: 71%;
       height:99%;
        /*border:solid 1px RGB(204,204,204);*/
        float:right;

    }



   .pnlChargesItem {

        position:relative;
        width: 100%;
        height:auto;
        border-bottom:0.8px solid  RGB(204,204,204);
        text-align:left;
        float:left;

    }

    .pnlChargesName {
         position:relative;
        width: 84%;
        height:100%;
        border-right:0.8px solid  RGB(204,204,204);
        text-align:left;
        float:left;
    }
    .pnlChargesPrice {
         position:relative;
        width: 15%;
        height:100%;

        text-align:left;
        float:right;
    }
4

1 に答える 1

0

height プロパティを削除し、min-height のみを保持します (% プロパティは、垂直位置での認識が異なるため、padding-top、padding-bottom、(min)-height、margin-top、margin-bottom には使用しないでください)など %)。

于 2013-10-10T10:35:09.913 に答える