html - 移动部分标题的 HTML 代码

Question

我一直在开发一个网站http://www.ideas2ignite.com/wordpress/ 我想将 4 个社交图​​标从黑条的顶部移动到底部，即将它们与同一当前列中的导航栏对齐.

我尝试更改 wordpress 的 header.php 文件，但无法实现我想要的。

任何帮助将不胜感激。

Answer 1

使用权 {

display: block;
float: left;
margin: 50px 0 0;
width: 785px;

社交图标 {

float: right;
margin-top: 150px;
width: 150px;
z-index: 100;

}

然后尝试清除你的浮动。

Answer 2

你最好的选择真的是进入 header.php （虽然我不能在没有看到代码以及你正在使用的插件的情况下说在哪里或如何）并重新编写 html 以便 #socialicons div 是它的位置应该是。这可能很棘手，因为菜单当前设置为页面的总宽度。

但是：快速而肮脏的技巧是将元素相对定位在您想要的位置。在你的 style.css 文件中，大约在第 370 行，你有这个：

#socialicons{margin-top:3px;}

用这个替换它：

#socialicons{
    margin-top:3px;
    position: relative;
    top: 150px;
}

我没有在 Firefox 之外对此进行任何测试，因此您需要确保它运行良好。