Polsterung verhindern, dass das Element größer wird?

Habe ich ein element mit einem 70% der Breite, und es schwebt neben einem element mit 30% Breite, aber wenn ich 25px Polsterung, es dehnt sich das element aus, und bricht das format, gibt es eine Möglichkeit, es zu machen, erhöhen Sie einfach die Inhalte, Entfernung von der Kante, im Gegensatz zu nur macht es größer?

Kommentar zu dem Problem - Öffnen
Lassen Sie uns sehen, einige der Ihr code Kommentarautor: Joe Phillips

InformationsquelleAutor der Frage nkcmr | 2011-03-03

  1. 42

    Wenn Sie die border-box Modell, die Polsterung ist in der box enthalten Größe. Sehen hier für details.

    <!DOCTYPE html>
<html>
    <head>
        <title>padding example</title>
        <style type="text/css">
        .seventy {
            display: block;
            float: left;
            width: 70%;
            background-color: red;
        }
        .thirty {
            display: block;
            float: left;
            width: 30%;
            padding: 25px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            background-color: green;
        }
        </style>
    </head>
    <body>
        <div class="seventy">Stuff</div>
        <div class="thirty">More Stuff</div>
    </body>
</html>

    InformationsquelleAutor der Antwort codelark

  2. 8

    Ich würde ein anderes element des gleichen Typs (kann ich denke, es ist ein div?) in das element und legen Sie, dass man ein padding/margin 25px.

    Beispiel:

    <div id="wrapper">
 <div id="width30">
 </div>
 <div id="width70">
  <div id="padding25">
   Acctual content here.
  </div>
  </div>
 </div>
</div>

    InformationsquelleAutor der Antwort Zeta Two

Schreibe einen Kommentar