Wie kann man im Webdesign ein Div mit fester Breite und ein Div mit verbleibendem Platz unterbringen?

Unterbringung von Divs mit fester Breite und verbleibenden Divs

Im Webdesign besteht eine häufige Herausforderung darin, zwei Divs unterzubringen, wobei eines eine bestimmte feste Breite hat und das andere dynamisch sein muss Nehmen Sie den verbleibenden Platz ein.

CSS-basierte Lösung

Ein effektiver Ansatz nutzt CSS:

.left {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">width: 83%;

Nach dem Login kopieren

}

.right {

width: 16%;

}

Diese CSS-Konfiguration gewährleistet dass das .left-Div 83 % der verfügbaren Breite einnimmt, während das .right-Div die restlichen 16 % einnimmt, wodurch die gewünschte feste Breite für das .left-Div erhalten bleibt.

Anzeige: Tabellenmethode

Alternativ bietet die display:table-Eigenschaft eine leistungsstarke Lösung:

<div class="right"> </div><br><div class="left"></div>

.left {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">display: table-cell;
width: 83%;

Nach dem Login kopieren