Question

我尝试使用顶部的主图标移动，该图标位于导航栏中。我正在使用bootstrap和一个名为＆＃34; Site.css＆＃34;的正常css文件;

在我的主页中，我通过以下方式获取文件：

<link href="Content/Site.css" rel="stylesheet" />
<link href="Content/bootstrap.css" rel="stylesheet" />

部分代码：

<div class="navbar-header">
                <a class="navbar-brand" runat="server" href="~/default.aspx">M-Hotels&nbsp;
                <div class="IconFront">
                    <asp:Image class="img1" ID="Image1" runat="server" Height="28px" ImageUrl="~/Icon.png" Width="30px" ImageAlign="Right" />
                </div>
                </a>
            </div>

嗯，现在图标与标题内联。我只是想把图标向上移动一点，但看起来也不行。

已尝试使用Site.css文件中的CSS：

IconFront {
position:absolute; 
}

img1 {
position:relative; 
top:10px; 
left:0px; 
}

但有了这个，什么也没发生......它只是不动:(

Answer 1

您正在使用错误的选择器语法访问该类。在选择器中添加一个点。

.IconFront {
  position:absolute; 
}

.img1 {
  position:relative; 
  top:10px; 
  left:0px; 
}

向上移动图标并与我的主标题内联

1 个答案: