如何在顶部而不是底部

Question

在CSS文件中的现在的位置靠近X我使用一个CSS文件收藏它显示在图像的底部接近X交我想，在顶部如何做到这一点

belwo是我的CSS文件

/* line 112, ../sass/lightbox.sass */ 

.lb-data .lb-close { 
width: 35px; 
float: right; 
padding-bottom: 0.7em; 
    outline: none; 
} 


/* line 117, ../sass/lightbox.sass */ 


.lb-data .lb-close:hover { 
cursor: pointer; 
} 

Answer 1

嘿，我想你想的这样

首先想你应该定义你的主容器相对位置，并给根据您的布局，关闭按钮的位置绝对和定义左，右顶部底部...

的CSS

.lb-data{ 
width:200px; 
    height:200px; 
    background:red; 
    margin:100px 0 0 100px; 
    position:relative; 
} 

.lb-data .lb-close { 
width: 35px; 
    height:25px; 
    position: absolute; 
padding-bottom: 0.7em; 
    outline: none; 
    top:-36px; 
    right:-13px; 
    background:green; 
    color:white; 
    font-weight:bold; 
} 


/* line 117, ../sass/lightbox.sass */ 


.lb-data .lb-close:hover { 
cursor: pointer; 
} 

HTML

<div class="lb-data"> 


    <div class="lb-close">XX</div> 

</div> 

现场演示http://jsfiddle.net/rohitazad/GgGzm/