漂浮在变化

我有图标，点击时添加新div（列）到div容器。问题是，当新的div（列）出现时，按钮不会正确移位。可能不知何故在div内添加position:fixed？漂浮在变化

这里的几个屏幕我有什么

而且一些代码

<div id="grid"> 
     <div id="add-col"></div> 
     <div class="clear"></div> 
     <div id="squares"></div> 
    </div> 


#grid{ 
    width:710px; 
    height: 470px; 
    border:1px dotted #dddddd; 
    display: none; 
    margin: 5px auto; 
    padding: 5px; 
    text-align:center; 
    overflow: auto; 
} 

#add-col{ 
    margin:5px; 
    float:right; 
    background-image: url(images/table-add-column-icon.png); 
    width: 32px; 
    height: 32px; 
    cursor: pointer; 
}

来源

2012-12-14 Kin

你希望它是在1个位置，甚至当你滚动或1个默认位置，还是需要移动所有的时间？ – Ladineko

@Ladineko我需要这个图标总是在父div的角落。 – Kin

你的CSS是这样的：

#grid{ 
    width:710px; 
    height: 470px; 
    border:1px dotted #dddddd; 
    display: none; 
    margin: 5px auto; 
    padding: 5px; 
    text-align:center; 
    overflow: auto; 

    position:relative; //added 

} 

#add-col{ 
    margin:5px; 

    background-image: url(images/table-add-column-icon.png); 
    width: 32px; 
    height: 32px; 
    cursor: pointer; 

    position:absolute; //added 
    top:5px; //added 
    right:5px; //added 

}

在位置absolute您可以在角落放置一个按钮，而不必再次从该位置移动。

要使用一个位置，您需要将position:relative;放置到它的父级，否则它将在页面上飞行。

注：float已从＃删除添加-COL

来源

2012-12-14 07:45:28 Ladineko

相同的工作表，但有一个区别 - 现在图标在广场上，因为它的位置是绝对的 – Kin

您可以给其他图标的位置：绝对的，但在顶部和右侧有不同的值。在上面和右边，你只需要给它它需要的位置。 – Ladineko

是的，但问题是，当我添加新的div的图标保持在同一个地方，当我滚动到正确消失。 – Kin

回答

相关问题