làm khoảng tag cover toàn bộ chiều rộng của div

Question

Tôi đã cấu trúc sau đây cho html: -

<div> 
    <span> 
    <a href="wherever">Wherever</a> 
    </span> 
</div> 

Nếu tôi muốn span để trang trải toàn bộ chiều rộng của div, làm thế nào tôi có thể làm điều đó trong chrome?

tôi đã cố gắng trong css sử dụng

span{ 
    background:#FFF; 
    width:100%; 
} 

Nó hoạt động trong Firefox và IE nhưng không phải trong chrome.

Answer 1

span yếu tố nội tuyến. Các phần tử nội tuyến tự động điều chỉnh chiều rộng của chúng và bỏ qua các biểu thức width: của bạn.

Làm cho nó khối cấp:

span { 
    display: block; 
} 

Nhưng sau đó nó về cơ bản chỉ là một <div>. CSS

Answer 2

Thay đổi khoảng thời gian để:

span { 
display: block; 
} 

Answer 3

Hãy thử điều này:

div{ 
    padding:0px; 
} 
span{ 
    background:#FFF; 
    width:100%; 
} 

Answer 4

Có hai cách để giải quyết vấn đề của bạn.

Khi thẻ span điều chỉnh chiều rộng của chúng theo nội dung trong đó. Vì vậy, để gán chiều rộng cho thẻ này, chúng tôi sẽ sử dụng phao trái với chiều rộng.

span{ 
background:#FFF; 
width:100%; 
float: left; 
} 

cách secod là sử dụng khối hiển thị với mã

span{ 
background:#FFF; 
width:100%; 
display: block; 
}