удаление опечатки из css странно беспорядок вверх дисплей

Question

При попытке устранить проблему, которую я испытываю с проектом, я заметил, что в моем файле css появился случайный «/». Удалив его, он фактически превратил часть границы в Firefox, и даже больше она исчезает в Chrome ... Я разделил код на простые вещи, пытаясь выяснить проблему, и все еще не могу понять это из. Я сузил корень проблемы до класса «items» в моем css, но не понимаю, что с ним не так, так как когда я проверяю только этот класс, он не вызывает никаких ошибок.

Вот как это отображение с косыми чертами удалены: http://jsfiddle.net/NrYws/2/

И вот он с косой чертой в том месте, это было прежде, чем я удалил его, и как он отображается правильно (как в FF и Chrome) ... http://jsfiddle.net/NrYws/3/

Перемещение косой черты в другое место в файле (т.е. над классом внешнего класса контейнера) приводит к плохому отображению. Когда я удалить класс «предметы» в целом, он отлично работает: http://jsfiddle.net/NrYws/4/

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

Любые идеи относительно того, что здесь происходит? Я уверен, что это что-то больно очевидное, что я просто пересматриваю ....

Спасибо!

Answer 1

Он работает так, как будто он удалил первый абзац .items. Удалите его, и он отобразится правильно.

Снятие только overflow: hidden в .items работает так, как вы хотите, чтобы он работал, я считаю.

Хотя если overflow: hidden требуется для того, что вы делаете, нам понадобится больше, чем только этот код, чтобы предложить вам исправление, которое работает так, как вы ожидаете, что оно будет работать.

Answer 2

Потому что он удаляет

.items 
{ 
    float: left; 
    height:180px; 
    overflow: hidden; 
} 

вы можете удалить его

Answer 3

Удалить переполнение: скрытое от класса предметов, как это отсечение outercontainer границы.

работает скрипку: http://jsfiddle.net/NrYws/8/

Вот это объяснение о обратной косой черты в CSS: http://www.webteacher.ws/2005/01/22/490/

Answer 4

Удалить overflow: hidden или установить высоту в 184px, если вам нужно использовать переливных

.items 
{ 
    float: left; 
    height:184px; 
    overflow: hidden; 
}