html - 元素利润率影响类(class)利润率

标签 html css margin

这是我的第一个 HTML 元素,我正在尝试克隆 Google Nigeria 主页。我已完成大约 90%,但我有一些问题已尝试修复,但无济于事。

导航栏上的“应用程序 Logo ”和“登录”比其他元素更靠上。我尝试在第 n 个元素上使用 margin-top,但它会影响整个导航元素。

这里:jsfiddle.net/mux9xbam/

谢谢。

最佳答案

删除 float:left;来自 .first li a{}

.first li a {
    text-decoration: none;
    color: #000;
    font-size: .8em;
    margin-right: 15px;
    margin-top: 13px;
    padding: 1px;
} 

代替

.first li a {
    text-decoration: none;
    color: #000;
    font-size: .8em;
    margin-right: 15px;
    margin-top: 13px;
    padding: 1px;
    float:left;
}

并调整margin padding<ul>

使用

img
{
    vertical-align: middle; 
}

将图像居中对齐。

jsfiddle

关于html - 元素利润率影响类(class)利润率,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26953794/

相关文章:

css - 以行高为宽度单位

jquery - Animate 应该修改单击的 li 宽度

html - 给 `<span>` 负垂直边距

c++ - QSplitter 显示两个小部件之间的分隔符或边距

html - 第二个引导导航栏在菜单栏和移动设备上的菜单内容之间有间隙

javascript - AngularJS - 延迟加载 View

html - 制作一个空的 <div> 折叠,具有宽度和边距

css - 表格单元格 div 的左/边距左值

layout - 将一个 div 剪切为 2 个背景图像,然后使用 CSS3 在顶部分层渐变

javascript - HTML5 部分 touchstart touchmove touchend iOS