Wie wird eine vertikale Grenze zwischen zwei Divs gesetzt?

Question

Ich habe ein Problem mit Grenzen zwischen zwei divs und so habe ich ein paar verschiedene Teile des Codes ausprobiert, um zu sehen, ob es mir gibt, was ich brauche; zum Beispiel habe ich versucht, eine neue <div > zwischen der divs Ich möchte die vertikale Grenze zu sein, aber ich glaube nicht, dass ich die Informationen richtig eingeben. Ich verstehe, dass Sie Code zu Ihrem CSS-Blatt hinzufügen müssen, aber wie sollte es genau aussehen? Was ist der richtige Weg?

Nehmen Sie diesen Code in Betracht: Wie würde ich gehen, indem Sie eine vertikale Linie zwischen #content und #sidebar hinzufügen? Sie könnten sagen, dass es eine vertikale Linie ist, die beide Elemente trennt, wenn sie Text hatte.

<div id="container"> 
     <div id="header"> 
      header content here 
     </div> 

     <div id="content"> 
      main content here 
     </div> 

     <div id="sidebar"> 
      sidebar content here 
     </div> 

     <div id="footer"> 
      footer content here 
     </div> 

    </div> 

============= CSS ============

#container { 
    width: 960px; 
    margin: 20px auto; 
} 

#header { 

} 

#content { 
    float: left; 
    width: 620px; 
} 

#sidebar { 
    float: left; 
    width: 340px; 

} 

footer { 
    clear: both; 
} 

Hier ist ein Bild, wie dieser Code aussehen würde, im Text.

Also im Grunde versuche ich herauszufinden, wie Sie einen Rand zwischen dem linken Absatz und dem rechten Absatz hinzufügen.

Ich hoffe, es ist verständlich und meine Frage ist klar genug.

Danke,

Answer 1

Sie border-left-style: solid; in Ihrem #sidebar verwenden können, oder mit border-right-style: solid; in Ihrem #content

Answer 2

Ich habe eine Idee, aber ich bin nicht sicher, wie gut es funktioniert. Put ‚Vornamen‘ Eingang hinunter zum ‚Zugang jetzt‘ Knopf als ein div und definiert eine border-left CSS-Eigenschaft wie folgt:

 
`.mydiv{ 
border-left: thick double #777; 
}`