CSS有從div邊緣伸出的圖像

Question

#col{ 
width:200px; 
float:left; 
overflow:visible; 
position:relative; 
z-index:2; 
} 

<div id="col"> 

<img style="margin-left:-6px; z-index:999; position:relative;" src="img.jpg" /> 
</div> 

我想讓圖像向左伸出6px，但它被切斷。

我也必須在每行代碼的字體中放4個空格，這非常慢！

Answer 1

你的形象正在CUTT斷，因爲您使用的是你的父母div#col

<div id="col"> 
    <img src="img.jpg" alt="some info"> 
</div> 

CSS

#col{ 
width:200px; 
float:left; 
position:relative; 
/*overflow: visible;*// remove 
/*z-index:2;*// no need to do that 
} 
#col img { 
position: absolute; 
top: 0; 
left: -6px; 
width: width of image in px; 
height: height of image in px; 
} 

溢出

Answer 2

這是你在找什麼？

http://jsfiddle.net/qPhba/