Zozo Tabs - Полная ширина страницы

Question

Мне было интересно, есть ли у кого-нибудь опыт работы с вкладками Zozo и знает, можно ли изменять размер вкладок до полной, определенной ширины страницы. В настоящее время я пытаюсь растянуть 3 вкладки на странице, которая составляет 1440 пикселей. Я смог применить стиль CSS, чтобы в некоторой степени реализовать это, проблема в том, что если я устанавливаю вкладки на 480 пикселей или на 33% каждый, третья вкладка перемещается в новую строку, а первые две вкладки составляют 50% каждого из ширину страницы в строке выше. Вкладки не перемещаются в одну строку до тех пор, пока я не установил ширину на 466 пикселей или 32% или ниже, очевидно, что проблема в этом случае - большой запас справа. Я пробовал играть со значениями между ними, но они ничего не делают, это либо одна строка с большим правым краем, либо перескакивает на две строки вкладок.

Итак, мой вопрос: правильно ли реализовать эти три вкладки для моей ширины 1440px в одной строке без поля? Или были вкладки Zozo, не предназначенные для этого, и есть ли равная альтернатива?

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

Answer 1

Ron_89, основываясь на моем понимании вашей проблемы, я попробовал это на веб-сайте вкладки Zozo. Я редактировал CSS с помощью DOM-проводника в IE11. Вот скриншот из того, что я понял, как вы пытаетесь достичь -

Обратите внимание, что вкладка заняла полное пространство до граничных точек. Границы находятся на теге div хостинга. Если тег хостинга хоста настроен на распространение по всему экрану, он полностью занимает его, чтобы вкладки отображали весь экран по горизонтали. я достигла этого

Setting the width on the ul element for the tabs to 100%. 
Each li element then was set to a width which was 100/5, 

Поскольку 5 вкладок. Если бы было более ушек,

it should be 100/(number of tabs). 

В некоторых случаях точное значение ширины может быть меньше, чем значение, полученное на 100/(количество вкладок) в связи с желобе или какого-либо другого пространства, занимающей невидимых элементов в разметке , В таких случаях проверяйте разметку для таких незаметных пространств, занимающих элементы, используя любую панель инструментов разработчика в любом браузере. Надеюсь, что это поможет!