将“关闭”按钮放在div外面

4
我有一个登录按钮,它稍微超出了div的边界,但当我尝试在代码中使它相同时,它不起作用。
.closeWindow{
    float: right;
    margin-left: 15px; /* width of the close button / 2 */
    margin-bottom: 15px; /* height of the close button / 2 */
}

我想把它放在哪里(小图像关闭按钮): 应该放置的位置 实际放置的位置: 使用我编写的CSS代码实际放置的位置

1
我们需要查看完整的代码示例,但基本答案是使用定位来移动它。 - j08691
2个回答

8
请勿使用浮动布局。
在您的容器div中,请改用:
position :relative;

在关闭盒子div中使用这些样式。
position: absolute;
top: -15px;
right: -15px;

(鉴于如果您的关闭按钮是30x30)

2

将边距改为负数,例如margin-left:-20px;。这将使元素向右移动20像素。

margin-left: -40px;  /*moves 40px right*/
margin-bottom: -20px; /*moves 20px up*/

我曾经遇到过这个问题,最好的解决方法是使用负边距。

或者您可以使用绝对定位。

position:absolute;
left:value;
top:value;

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接