位置CSS菜单

时间:2018-09-17 11:01:20

标签: html css

我需要帮助定位汉堡菜单。我希望它位于margin-top和padding-right的右下角,如下所示。

我不使用float,我需要使用什么? :)

请帮助学生。

.header_container {	
   width: 100%
 }


.hamburger_menu {
    margin-top: 37px;
	/* 	padding-right: 30px;	 */
}

 
 .header_logo {
   background-color: lightgray;
   width: 280px;
   text-align: center;
   margin-top:70px;
   margin-bottom: 100px;
   margin-left: auto;
   margin-right: auto; 
 }

.header_text {
   text-align: center;
   margin-top:26px;
   margin-bottom:46px;
}
<div class="header_container">

 <div class="hamburger_menu"> 
      Hamburger menu
 </div> 
 	
 <div class="header_logo">
      LOGO
 </div>
 	
 <div class="header_text">
      Text
 </div>
     
</div>

2 个答案:

答案 0 :(得分:1)

要解决此问题,请使用:

而不是float:left
.hamburger_menu{float:right;}

答案 1 :(得分:0)

使用text-align:right;作为菜单。