오른쪽 테두리가 Google 크롬에 표시되지 않음

나는 국경을 지닌 a을 포함하는 div을 가지고 있습니다. 참조 :오른쪽 테두리가 Google 크롬에 표시되지 않음

http://webnumbr.com/all

그것은 FF와 IE에서 잘 작동하지만, 왜 오른쪽은 크롬에서 렌더링하지 않는 이유는 무엇입니까? 잘못된 CSS입니까? (크롬 OSX 테스트가 중요하다면)

출처

2010-01-17 Paul Tarjan

관련 CSS 코드를 첨부 해주십시오. – erenon

그의 링크를보세요. – SLaks

Google 크롬뿐만 아니라 WebKit입니다. –

테스트 케이스 : 포함 그래서이 질문은 여전히 주어진 URL 변경의 내용 이후에 의미가 있습니다 :

<!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>

검증 구글 크롬 4.0.266.0 웹킷 532.6로 (공식은 33,992 빌드).

출처

2010-01-17 21:40:31

Yikes. Chrome 버그? 신고 했습니까? –

https://bugs.webkit.org/show_bug.cgi?id=33858 –

웹킷의 버그이므로 동일한 효과를 얻기 위해 어떻게 HTML을 변경해야하지만 버그는 피할 수 있습니까? –

나는이 일이 일어나는 이유를 말할 수 없다. 그러나 나는 너에게 해결책이 있다고 생각한다. 링크 콘텐츠를 채우는 공백이 있으며 분명히 Chrome이이를 잘 처리하지 못합니다.

<a> 태그의 내용 주위에 여분의 간격을 제거하면 문제가 사라집니다 (Chrome 관리자 도구에서이 문제를 해결했습니다). 그래서, 변경 :

<a href="pclark-hacker-news-karma"> 4,481 </a>

에 :

<a href="pclark-hacker-news-karma">4,481</a>

이 당신이 search_data 클래스에 플로트 속성을 제거하는 경우 (부동 소수점을 처리 할 때

크롬은 이상한 방식으로 공간을 처리해야, 테두리로 표시 잘).

출처

2010-01-17 20:39:25 zombat

좋은 발견, 그것을 쳐다보고 있었고 그것을 볼 수 없었다. 나는 그것이 .search_data가 너비를 지정하지 않고 떠 다니는 것과 관련이 있다고 생각한다. (덧붙여 이것도 사라진다.) –

와우 ... 잘못된 것 (잘못된, 비표준, 비표준 등)을하고 있습니까? 크롬에 버그가 있습니까? –

오른쪽 테두리가 Google 크롬에 표시되지 않음

답변

관련 문제