html - 为什么对齐 ="right"不起作用?

标签 html css menu alignment

几天前,我正在研究经典菜单。它的左边有一个标志,右边有一些菜单按钮。这是我的第一次尝试——fiddle1 .但是这个社区的某个人告诉我,菜单通常不是这样编码的,而是用 <ul> 编码的。和 <li> .

所以我尝试重建那个菜单 – fiddle2 .不幸的是没有任何效果。 我的第一个问题是我觉得 <div id="menubuttons">不位于 IN <div id="header"> .第二个问题是 <div id="menubuttons" align="right">未按应有的方式正确对齐。

你能帮我得到fiddle1的视觉结果吗?与 <ul><li>标签?

最佳答案

ul 元素默认带边距

所以请像这样添加css,它会移除默认的margin和padding

ul{margin:0; padding:0}
#menubuttons { float:right}

检查这个Demo

关于html - 为什么对齐 ="right"不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18998483/

相关文章:

javascript - scrollspy 导航到不同的页面并返回同一位置

php - 从 div 转换为表格或在 PHP 中解析 PDF

html - 仅 100% 高度填充页面

android - 使用 Actionbarsherlock 在底部仅显示选项卡和菜单

css - 创建此菜单栏的工具

html - 为什么我的图片没有出现 Html?

javascript - 悬停时显示 DIV 中的隐藏文本

javascript - 从 html 字符串名称值对中获取属性

css - Primefaces - 菜单栏 - 折叠状态下的子菜单背景

javascript - JS 中的粘性菜单