расположение css закрепило ширину и переменную ширину на той же строке
Существует много компаний там, которые действительно ничего не делают вроде лучших практик. Никакие обзоры кода, никакое поблочное тестирование, никакие планы тестирования, нет ничто, только местом их штанов.
Берут это в качестве возможности заставить их использовать Непрерывную платформу Интеграции и разрабатывать модульные тесты! Простой способ произвести на власть имущих впечатление и увеличить качество и устойчивость Вашего кода одновременно
Редактирование: Что касается причины, я думаю, что они просто не знают о текущих инструментах там, которые делают CI и поблочное тестирование чрезвычайно легкими.
4 ответа
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
html, body, div { margin: 0; padding: 0; border: 0 none; }
#left { margin-right: 300px; background: yellow; }
#right { width: 300px; float: right; background: #ccc; }
</style>
</head>
<body>
<div id="wrapper">
<div id="right">Fixed</div>
<div id="left">Variable</div>
</div>
</body>
</html>
Это правый столбец размером 300 пикселей и переменный левый столбец. DOCTYPE нужен только для того, чтобы IE меньше плохо себя вел. Также рекомендуется использовать сбросить CSS .
Плавающая с явной шириной в значительной степени являются стандартным способом достижения этого в настоящее время (из-за того, насколько ограничен макет в CSS1 / CSS2), вы также можете использовать встроенный блок, но это просто потребует больше работы. Не забудьте указать плавающие элементы для родительского элемента с помощью overflow: hidden и свойства, которое запускает hasLayout, например width.
Я предполагаю, что вам нужен макет страницы с двумя столбцами. Теоретически вы можете использовать display: table, но если вам нужно поддерживать любую версию IE, это не вариант.
Это одна из самых сложных вещей, с которыми некоторые из нас сталкиваются при переходе с таблиц на CSS, но, к счастью, для вы, мы занимаемся этим более 5 лет, и я думаю, вы можете найти решение для любой проблемы. Может быть, вы захотите проверить эту классическую статью: Faux Columns
Пожалуйста, не расстраивайтесь, CSS сложен только в первые месяцы, а после этого вы сможете разместить что угодно в очень понятном и простом виде. , семантический и стандартный способ.
Этот инструмент помогает легко генерировать жидкие фиксированные колонки .