Question

有没有办法把这个我漂浮在div右侧的盒子，并使它与右上角齐平？我已经尝试过它position:relative和top:0px，但它固执地被传说中的填充所抵消。

http://jsfiddle.net/loren_hibbard/dpUM2/

Answer 1

您需要将排名设置为absolute，或将#title元素设置为float:left。

＃top上的position:absolute和#out上的position:relative示例

http://jsfiddle.net/bozdoz/dpUM2/9/

将#title设置为float:left的示例：

http://jsfiddle.net/bozdoz/dpUM2/13/

Answer 2

位置：父亲的亲戚，位置：孩子的绝对，注意-1px使其与父亲的边界重叠。

#out{
width:300px;
height:400px;
background:#efefef;   
border:1px solid gray;   
position:relative;
}
#top{
top:0;
right:-1px;
background-color:#fff;
width:150px;
height:25px;
border:1px solid black;
position:absolute;
}

http://jsfiddle.net/calder12/dpUM2/14/

Answer 3

将CSS更改为：

#out{
        width:300px;
    height:400px;
     background:#efefef;   
         border:1px solid gray;
    padding:0px;    
    }
    #top{
     float:right;   
        background-color:#fff;
        width:150px;
        height:25px;
        border:1px solid black;
        margin:0px;
    }
    #title{
     padding:0px; 
        margin:0px;
        float:left;

    }

Answer 4

尝试在#top：

中添加此内容

position: relative;
top: -24px;

演示：http://jsfiddle.net/dpUM2/10/

float元素到fieldset的右上角

4 个答案: