Просьба пройти fiddle. Здесь я представляю информационные телевизионные сезоны в виде списков. Я управляю этими списками, чтобы появляться рядом друг с другом, устанавливая FLOAT влево/вправо. Некоторые - некоторые из списков не отображаются должным образом.CSS Float не работает правильно
Любая помощь приветствуется.
Вы можете проверить fiddle
Я сам это понял, я только что добавил clear: left; на левом классе и clear: right; на правый класс, он исправит сезон, который не отображается правильно, и отдых будет показываться как есть.
Благодарим всех вас за помощь.
Вы не можете достигнуть того взгляда-н-чувство с текущей структурой HTML и CSS. Вам нужно будет
float:left к каждой колонкеlef и right Div классовПожалуйста, посетите demo @https://jsfiddle.net/zm11awhq/5/embedded/result/
Если вы не хотите использовать столбцы, тогда вам нужно будет указать min-height для каждого сезона. Эта минимальная высота останется стандартной для всех сезонов, поэтому плавание будет происходить очень правильно. Но на этой странице будет много свободного места.
Не уверен, что если это то, что ОП - то, что ищет – dippas
OP необходимо будет управлять этим количеством столбцов с помощью сценариев DYNAMIC server/client side. Вы найдете точно такой же look-n-feel @ www.rediff.com. В таких случаях нельзя предоставить точный код, который будет работать сразу после копирования-вставки. –
Сколько сезонов вы хотите за строку? Соответственно, сколько столбцов вы хотите? – connexo
это зависит от того, сколько сезонов в шоу есть мой сайт полностью автоматизирован, он автоматически добавляет всякий раз, когда приходит новый сезон, а эпизоды и пользователи добавляют ссылки, я использую float влево и вправо, это не должно быть проблемой. – 1337
И почему вы чередуете «float: left;» и 'float: right;'? Я действительно не понимаю, как должен выглядеть ваш желаемый макет. – connexo