Question

这是我的 CSS：

    <style>
    .imageBox {

            float: right;
        }
        .imageBox .hoverImg {
           position: relative;
            left: 0;
            top: 0;
            display: none;
            margin-right: 100px;
        }
        .imageBox:hover .hoverImg {
            display: block;
        }
     ul{ font-family: impact; font-size: 90px; list-style: none;}
        .div3{
    float:right;
    width:200px;
    height:200px;
    margin-top: 50px;
    margin-right: 500px;



    }
    a { color: #fff;}
    a:hover{color:orange; font-size: 100px;}
    </style>

HTML：

  </head>

    <body background="NEWW.png">
this is my HTML:
    <div class="div3">
    <UL>

    <LI><a href="color.html">HOME</a></LI>
    <LI><a href="layout.html">ARTICLES</a></LI>
    <LI><a href="myform.html">CONTACT </a></LI>

    <UL>
    <div>
    <div class="imageBox">
    <div class="imageInn">
        <img src="aboutx.png">
    </div>
    <div class="hoverImg">
        <img src="about.png">
    </div>
</div>

我希望我的“关于”按钮位于右上方而不会将导航栏移动到任何位置。我一直试图弄清楚这一天。

Answer 1

尝试位置：绝对;顶部：5px;右：5px;对于您想要定位的元素。您应该根据需要使用css创建一个按钮和样式。

我希望“关于我”按钮位于右上方而不移动导航栏

1 个答案: