У меня возникли проблемы с тем, чтобы мой 960.gs занимал всю ширину браузера. Я хочу, чтобы сетка была на 100% при изменении размера, то есть, если я прокручиваю текст, он будет меньше и займет меньше строк, но сетка все равно будет занимать 100% ширины.
Здесь есть этот вопрос Когда используя сетку 960, могу ли я по-прежнему иметь раздел заголовка шириной 100%? И ответ состоял в том, чтобы установить верхнюю часть на 100%. Я добавил код, но это не имеет никакого эффекта, равно как и установка ширины тела на 100% и всех div и т. Д. Что я делаю неправильно? Вот код:
<!doctype html>
<html>
<head>
<title>My Fragment</title>
<meta charset="utf-8" />
<!-- Symbols rendered -->
<meta name="value" />
<!-- Do not need to close -->
<link rel="stylesheet" href="css/960_12_col.css">
<style>
body {
background:green;
}
div {
background: white;
}
.grid_4 {
height: 100px;
}
</style>
</head>
<body>
<div class="header" style="width:100%;"></div>
<div class="mainWrapper container_12">
<div class="grid_4" style="background:red">sdfds</div>
<div class="grid_4" style="background:blue">sdfs</div>
<div class="grid_4" style="background:yellow">sdfs</div>
<div class="clear">sdfds</div>
</div>
</body>
</html>
Но это дает мне следующий результат:
Я хочу, чтобы слева от красного столбца и справа от желтого столбца не было зеленого пространства, но это не так. Как избавиться от пробела с обеих сторон?
(Обратите внимание, что я новичок в css и Html и следил за изучением html в течение 30 дней и всем, что я нашел в Интернете.)