Question

导航菜单未对齐右侧。请帮忙！

** HTML代码：**

<nav id="main">
    <ul>
        <li><a href="work.html">Work</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="contact.html">Contact</a></li>
    </ul>   
</nav>

** CSS代码（不工作）：**

nav#main li {
    float: left;
    text-decoration: none;
    text-align: center;
}

我尝试了这个，但它不起作用：

nav#main {
    float: right;
}

Answer 1

尝试为导航项设置宽度或将其显示属性设置为内联块。它是块级元素，因此默认情况下它占用所有可用的水平空间。因此，如果它是100％宽，则无法看到它对齐/浮动的位置。

nav#main {
   display: inline-block;
}

或

nav#main {
   width: 50% /*for example*/
}

Answer 2

试试这个你不需要任何浮动，它可以工作

$sql = "SELECT*FROM `shelf` WHERE(column1 = '$col1' OR column2 = '$col1' OR column3 = '$col1' OR column4 = '$col1' OR column4 = '$col1')";
$sql = $sql."AND(column1 = '$col2' OR column2= '$col2' OR column3= '$col2' OR column4= '$col2' OR column5= '$col2')";
$sql = $sql."AND(column1 = '$col3' OR column2 = '$col3' OR column3 = '$col3' OR column4 = '$col3' OR column5 = '$col3')";

右对齐导航栏

2 个答案: