Владимир Серых

Можно сделать отрицательные отступы:

margin-left: -100px;
margin-right: -100px;

Примерно год назад заглянул во ВКонтакте в тело ответа на AJAX-запрос. Увидел там мешанину из специфической разметки (на тэгах ) и JSON-кода. В других обработчиках -код внутри JSON бывает.

Видимо, они в каком-то своём специфическом формате передают для оптимизации.

Так что, если у вас более 10000 записей, то можно передавать в плэйнтексте, и более быстро обрабатывать своими механизмами, если вас парсинг из JSON не устраивает, например.

Но есть ли смысл всё это городить, когда есть JSON, а вы — не ВКонтакте? :)

Я заметил, что на двух андроид-устройствах в браузерах Google Chrome и Яндекс.Браузер hover наступает после клика по элементу. Если элемент на клик не реагирует, а реагирует только на наведение, это сработает. Не уверен, что на всех системах и во всех браузерах так.

Предполагаю, происходит следующее (это гипотеза, может быть неверной):
В тач-устройстве в браузере есть курсор, но он не отображается. Когда вы кликаете куда-то, курсор помещается в эти координаты, и остаётся там. Соответственно, элементы под курсором считают, что на них навелы курсор, и на них отрабатывает ховер.

Но если вы хотите, чтобы элемент реагировал и на ховер, и на клик, то выше верно сказали, что вы хотите нарушить грамотность UX. То есть, вы решаете неверно поставленную задачу. Значит, стоит поставить другую задачу, на уровне выше: как дать возможность пользователю взаимодействовать с одним элементом двумя способами. Но тут зависит от сути взаимодействия. Если вы хотите, чтобы просто была красивость при ховере, то на тач-скрине её не будет. Если хотите, чтобы всплывала подсказка или что-то вылезало — сделайте рядом иконку или кнопку, которая это будет делать. А клик на основном элементе не трогайте, не ломайте UX.

Зачем вы использовали bottom?

Возможно, вам подошёл бы flexbox-лэйаут.

Вот статья про него: Полное руководство по Flexbox.
Вот ещё статья с Хабра: Практическое применение FlexBox.

Так же, есть обширная презентация про flexbox Вадима Pepelsbey ..., правда без комментариев, только картинки.

Например, если вам нужно прилепить футер к низу страницы, но высота страницы очень маленькая, то Flexbox вам поможет это сделать.
Основные свойства, которые вам пригодятся:

display: flex;
flex: 1;
flex-direction: column;
justify-content: space-between;

Не зная вашу задачу, сложно объяснить. Советую изучить статьи или задать более конкретный вопрос :)