Question

您好，

我创建了一个弹出窗口，该弹出窗口最右边有一个关闭按钮。我尝试通过放置：

来对齐该图像

position:absolute;
right:0px;
top:0px;

但它没有正确对齐..可以任何一个帮助。!!!!

这是我的代码..

 <!DOCTYPE>
    <html>
     <head>
      <title> New Document </title>     
 <style>      
      div.irmGraphPopup{
        border:10px solid black;
        width:1000px;
        height:500px;
        position:absolute;
       }

      div.irmGraphPopup span:{
        position:absolute;
        right:0px;
        top:0px;
      }
       </style>
     </head>

     <body>
      <div class="irmGraphPopup">
          <span> <img src="round_black_close2.png" alt="Close"/></span>
       </div>

     </body>
    </html>

Answer 1

你有一个错字：

div.irmGraphPopup span{
   position:absolute;
   right:0px;
   top:0px;
}

删除：

Answer 2

是你的css选择器

 <!DOCTYPE>
    <html>
     <head>
      <title> New Document </title>     
 <style>      
      div.irmGraphPopup{
        border:10px solid black;
        width:1000px;
        height:500px;
        position:absolute;
       }

      #myid{
        position:absolute;
        right:0px;
        top:0px;
      }
       </style>
     </head>

     <body>
      <div class="irmGraphPopup">
          <span id=myid> <img src="round_black_close2.png" alt="Close"/></span>
       </div>

     </body>
    </html>

Answer 3

如果你解决了错字，请为我做好准备。它应该是

div.irmGraphPopup span {

不

div.irmGraphPopup span:{

Answer 4

将div.irmGraphPopup的position元素更改为relative。然后跨度在关系中

绝对到div。在跨度（错字？）

之后还要摆脱冒号

div.irmGraphPopup{
        border:10px solid black;
        width:1000px;
        height:500px;
        position:relative;
}

图像未与弹出窗口对齐

4 个答案: