Tôi có một div có chứa a với một số đường viền. Xem:Đường viền phải không hiển thị trên google chrome
Nó hoạt động tuyệt vời trong FF và IE, nhưng tại sao không phía bên tay phải render trong Chrome? Có phải CSS không hợp lệ không? (thử nghiệm trong Chrome OSX nếu vấn đề đó quan trọng)
trường hợp thử nghiệm: Included nên câu hỏi này vẫn còn làm cho tinh thần sau khi nội dung những thay đổi URL cho:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html><head><style type="text/css">
div {
float: left;
clear: left;
margin: 3px;
}
span {
border: 1px solid;
}
</style></head><body>
<!-- does not show right border -->
<div><span>With trailing space, no width </span></div>
<!-- does show right border -->
<div><span>No trailing space, no width</span></div>
<div style="width: 40ex;"><span>With trailing space, has width </span></div>
<div style="width: 40ex;"><span>No trailing space, has width</span></div>
</body></html>
đã kích hoạt trong Google Chrome 4.0.266.0 (Official Xây dựng 33.992) với WebKit 532,6.
Yikes. Lỗi Chrome? Bạn đã nộp nó chưa? –
https://bugs.webkit.org/show_bug.cgi?id=33858 –
Vì nó là một lỗi trong webkit, làm thế nào tôi nên thay đổi HTML của tôi để đạt được hiệu quả tương tự, nhưng tránh lỗi? –
Tôi không thể cho bạn biết lý do tại sao điều này xảy ra, nhưng tôi nghĩ rằng tôi có một sửa chữa cho bạn. Bạn có không gian đệm nội dung liên kết của mình và dường như Chrome không xử lý điều này rất tốt.
Nếu bạn loại bỏ khoảng cách thừa xung quanh nội dung của các thẻ <a>, sự cố sẽ biến mất (tôi đã làm điều này trong công cụ kiểm tra Chrome). Vì vậy, sự thay đổi:
<a href="pclark-hacker-news-karma"> 4,481 </a>
tới:
<a href="pclark-hacker-news-karma">4,481</a>
Chrome phải xử lý không gian một cách kỳ lạ khi giao dịch với một phao (nếu bạn loại bỏ thuộc tính float trên lớp search_data, biên giới xuất hiện như tốt).
Đẹp tìm thấy, đã nhìn chằm chằm vào nó và không thể nhìn thấy điều đó. Tôi nghĩ rằng nó liên quan đến .search_data được thả nổi mà không cần chỉ định một chiều rộng (thêm rằng và điều này cũng biến mất). –
Chà ... tôi có làm gì sai (không hợp lệ, không chuyên, phi tiêu chuẩn, vv) không? Có phải là một lỗi trong chrome? –
bạn vui lòng đính kèm mã css có liên quan? – erenon
Nhìn vào liên kết của anh ấy. – SLaks
Không chỉ Google Chrome, nó còn là WebKit. –