位置close class在div c的右上角？

我在這裏有一個問題，將div close定位在div c的右上角。對此的最佳方法是什麼？ Fiddle位置close class在div c的右上角？

.c{ 
 
    width:300px; 
 
    height:100px; 
 
    border:1px solid #000; 
 
    margin:5px; 
 
} 
 

 
.close{ 
 
    position:absolute; 
 
    top: 5px; 
 
    right: 5px; 
 
    font-size:12px; 
 
    font-weight:bold; 
 
    color:#000; 
 
}

<div class=c>some text<span class=close>x</span></div> 
 
<div class=c>some text<span class=close>x</span></div> 
 
<div class=c>some text<span class=close>x</span></div> 
 
<div class=c>some text<span class=close>x</span></div>

來源

2016-03-04 Rick Joe

添加position: relative到.c

.c { 
 
    width:300px; 
 
    height:100px; 
 
    border:1px solid #000; 
 
    margin:5px; 
 
    position: relative; 
 
} 
 

 
.close { 
 
    position:absolute; 
 
    top: 5px; 
 
    right: 5px; 
 
    font-size:12px; 
 
    font-weight:bold; 
 
    color:#000; 
 
}

<div class="c">some text<span class="close">x</span></div> 
 
<div class="c">some text<span class="close">x</span></div> 
 
<div class="c">some text<span class="close">x</span></div> 
 
<div class="c">some text<span class="close">x</span></div>

來源

2016-03-04 13:24:06

唯一的，正確的可能的答案 –

謝謝朋友！ –

不客氣。也許你想在'x'上調整'line-height'像這樣https://jsfiddle.net/Lg0wyt9u/130/ –

位置close class在div c的右上角？

回答

相關問題