ichten Sie zwei flexible Behälter au

Question

Sep 10, 2016, 10:51 PM

ichten Sie zwei flexible Behälter au

Ich habe Probleme beim Ausrichten zweier Elemente in einer Flex-Box: Ich möchte, dass die "Hilfe" -Div ganz rechts und dann ganz links von der "XX" -Div steht. Ich bin neu darin, Container zu biegen, bei denen normalerweise ein Element direkt nach dem anderen schwebt, um den gewünschten Effekt zu erzielen. Weiß jemand, wie ich das erreichen kann?

<html>
<head>
<style>
body {
   margin:0;
   padding:0;
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
}

#menuStrip {
   position:relative;
   border-style: solid;
   border-width: 1px;
   height:36px;
   padding:0;
   margin:0;
   background-color:black;
}

#menuContainer {
   position:relative;
   background-color:grey;
   border-style: solid;
   border-width: 1px;
   padding:0;
   width:96%;
   height:98%;
   margin: 0 auto;
   display: flex;
}

#hh {
   position:relative;
   display:flex;
   align-self: center;
   font-size:14px;
   width:80px;
   border-style: solid;
   border-width: 1px;
   height:50%;
   margin-left:auto;
}


#pp {
   position:relative;
   display:flex;
   height:70%;
   width:36px;
   align-self: center;
   justify-content: center;
   margin-left: auto;
   background-color:white;
   border-style: solid;
   border-width: 1px;
   padding:0;   
}
</style>
</head>
<body>
   <div id="menuStrip">
      <div id="menuContainer">
         <div id="hh">Help</div>
        <div id="pp"> XX</div>
   </div>
</body>
</html>