div dehnen auf angegebene Breite

-1

Ich versuche, eine 2-Seiten-Spalte zu erstellen, aber meine divs dehnen nicht auf die Breite, die ich angeben, und ich verstehe nicht warum. Ich habe die jsfiddle für meinen Code verbunden.div dehnen auf angegebene Breite

Code hier:

.container{ 
 
\t width: 960px; 
 
\t background-color: grey; 
 
\t margin: 0px auto 0px auto; 
 
} 
 

 
.column1{ 
 
\t background-color: red; 
 
\t display: inline; 
 
\t width: 480px; 
 
} 
 

 
.column2{ 
 
    width: 480px; 
 
\t background-color: yellow; 
 
\t display: inline; 
 

 
}

<body> 
 
    <div class="container"> 
 
    \t <div class="column1">a</div> 
 
    <div class="column2">b</div> 
 
    </div> 
 
    </body>

Quelle

2016-09-28 user6004404

try inline-block statt Inline –

Anstatt zu versuchen, die SO Regel der Entsendung ein Codebeispiel ** in Ihrer Frage zu umgehen ** durch Hervorhebung von Wörtern als Code, warum nicht einfach so, wie du gefragt wirst? Sie haben die große, rote Warnbox gesehen, aber sie stattdessen ignoriert. Warum? – j08691

ändern Sie die Anzeige-Eigenschaft zu blockieren und floaten Sie die beiden divs nach links .. http://jsfiddle.net/atsnoe7z/4/ –

Ich gehe davon aus Sie versuchen, 2 <div> Elemente zu erstellen, die auf der linken und rechten Seite der Seite platziert werden? Wenn ja, sollte dies Ihr Problem lösen:

.container{ 
 
    width: 960px; 
 
    background-color: grey; 
 
    margin: 0px auto 0px auto; 
 
} 
 

 
.column1{ 
 
    width: 50%; 
 
    background-color: red; 
 
    float: left; 
 
} 
 

 
.column2{ 
 
    width: 50%; 
 
    background-color: yellow; 
 
    float: left; 
 
}

<body> 
 
    <div class="container"> 
 
    <div class="column1">a</div> 
 
    <div class="column2">b</div> 
 
    </div> 
 
</body>

Quelle

2016-09-28 13:57:12 Roy123

div dehnen auf angegebene Breite

Antwort

Verwandte Themen