当前位置: 首页 > 知识库问答 >
问题:

位置CSS菜单[副本]

翟俊远
2023-03-14

我需要帮助来定位我的汉堡菜单。我想要它的右角与边距-顶部和填充-右作为下面的CSS。

我不是用浮点工作,我需要用什么?:)

请帮助一个学生。

null

.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>

null

共有2个答案

沈德寿
2023-03-14

要解决此问题,请使用以下命令,而不是float:left:

.hamburger_menu{float:right;}
章承基
2023-03-14

对菜单使用text-align:right;

 类似资料:
  • CSS 长度单位 在 Weex 中,我们支持 px和wx 长度单位。对于不希望受屏幕宽度和 viewPortWidth 影响的尺寸,请使用 wx 单位。 注意 Weex 不支持类似 em、rem、pt,% 这样的 CSS 标准中的其他长度单位; 单位 px或wx 不可省略,否则在 H5 环境无法正确渲染; CSS 数值单位 在 Weex 中,除了长度单位外,还有数值单位,仅仅一个数值,后面没有 p

  • 我还是编程的初学者,我想在打开菜单的dropdowm时创建一个漂亮的过渡效果。 按照现在的方式,菜单立即出现,没有任何形式的过渡。在没有下拉菜单的菜单中,我设法创建了一个过渡效果。但我不知道如何为下拉列表创建这种过渡效果。 你能告诉我当我打开下拉菜单时如何创建一个过渡效果吗? 我将代码放入CodeSandBox.io中 null null 事先谢谢你的帮助。

  • 我使用onCreateOptionsMenu创建了一个溢出菜单,但该菜单几乎完全位于屏幕之外。我尝试过显式设置(如操作栏菜单显示屏幕中的建议),但这并没有解决我的问题。我也不想遵循使用旧主题的建议(如在ICS-Menu item text Cutoff?)。 XML是 我做错了什么?

  • 问题内容: 我正在尝试制作一个简单的CSS下拉菜单,当您将鼠标悬停在链接上时,将显示子菜单。当您将鼠标悬停在li上时,我已经设法实现了这一点,但无法弄清楚如何使用链接来实现。 我之所以尝试使用链接而不是li来执行此操作,是因为我的菜单宽度为100%,并且li所占的面积比链接大,因此,如果将鼠标悬停在该区域上,则不显示该子菜单不想。 我的CSS如下: 问题答案: 如果可能的话,我会避免使用JS。这不

  • .dropbtn { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; } .dropdown { position: relative; display: inline-block; } .dropdown:hover .dropbtn {

  • 主要内容:1. 相对长度单位,2. 绝对长度单位通过前面的学习我们知道一个 CSS 样式由选择器、属性和值三个部分组成(例如 ),在设置某些属性值时可能会涉及到与值对应的单位。CSS 支持多种不同的长度单位,根据类型的不同可以分为两类,分别是绝对长度单位(例如英寸、厘米、点)和相对长度单位(例如百分比)。本节我们就来简单了解一下 CSS 中的几种度量单位。 1. 相对长度单位 相对长度单位指的是这个单位没有一个固定的值,它的值受到其它元素属性(