Я переместил ваш последний div в предыдущий div.
Теперь у вас должна быть возможность добавить нужный интервал без всего этого дополнительного интервала: https://codepen.io/anon/pen/BbjyYW?editors=1100
Если вы не хотите, чтобы весь этот интервал, но вы не хотите, чтобы последний div был внутри div-контейнера-команды, вложите div-контейнер-команды и " следующий элемент "div внутри другого div, например:
Вот это: http://ejohn.org/blog/genetic-ab-testing-with-javascript/
Вы пытаетесь проверить товарность своего сайта или производительность вашего кода или что?
Предполагая рыночную готовность, вы могли бы просто иметь какой-то JS, который добавляет имя класса к вашему тегу body (+ что-либо еще) на основе случайного числа. Затем запишите случайный выбор и результат (когда посетитель что-то щелкнет, также запишите, какой случайный макет им был представлен) с помощью любого аналитического механизма, который вы используете. Вы также можете рассмотреть возможность использования файлов cookie для обеспечения того, чтобы возвращающиеся посетители получали такую же обработку.
Я не знаю, какая структура кода a / b для JS, но идея была бы схожей. Определите, что составляет более высокое качество (меньше миллисекунд времени выполнения?), Запустите варианты кода и посмотрите, что будет впереди.
Если вы используете язык на стороне сервера, я рекомендую провести сплит-тестирование на сервере, так как это позволит вам сохранить результаты. в javascript вам придется использовать jsonp или другие уродливые неприятные вещи, чтобы сохранить результаты ваших сплит-тестов.
Я написал небольшую статью об этом для asp.net mvc . Это может вдохновить вас реализовать что-то подобное на любом используемом вами внутреннем языке.