Правая граница не отображается в Google Chrome - PullRequest
Новая
       8

Правая граница не отображается в Google Chrome

5 голосов
/ 17 января 2010

У меня есть div, который содержит a с некоторой рамкой. См:

http://webnumbr.com/all

Отлично работает в FF и IE, но почему правая сторона не рендерится в Chrome? Это недействительный CSS? (тестирование в Chrome OSX, если это имеет значение)

Ответы [ 2 ]

8 голосов
/ 18 января 2010

Контрольный пример: Включено, так что этот вопрос все еще имеет смысл после изменения содержимого по указанному 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>

Проверено в Google Chrome 4.0.266.0 (Официальная сборка 33992) с WebKit 532.6.

6 голосов
/ 17 января 2010

Я не могу сказать вам причину, по которой это происходит, но я думаю, у меня есть решение для вас. У вас есть пробелы, заполняющие содержимое ссылок, и, видимо, Chrome справляется с этим не очень хорошо.

Если вы удалите лишний интервал вокруг содержимого тегов <a>, проблема исчезнет (я сделал это в инспекторе Chrome). Итак, измените: 

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

до: 

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

При работе с плавающей точкой Chrome должен обрабатывать пространство странным образом (если вы удалите свойство float в классе search_data, появится граница).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...