Хорошо, я понял. Я использовал service_url :
image.file.attach(io: open(best_photo.file_variant("large").service_url), filename: best_photo.file.blob.filename, content_type: best_photo.file.blob.content_type)
Используя высоту: 100%-й атрибут CSS должен заставить его работать.
Посмотрите, работает ли Dave Woods Расположение 100% высотой Используя CSS на Вас.
Это - немного известного аспекта position: absolute;
Свойство CSS, которое даст Вам расположение, которое Вы ищете. Можно абсолютно расположить элемент во ВСЕ 4 направления, вершину, право, нижнюю часть и оставленный. Это означает, что поле может быть столь же жидким как браузер и всегда оставаться тем же расстоянием далеко от краев, он - контейнер, который Вы указываете.
div {
position: absolute;
}
#main {
top: 8em; // 8em
left: 0;
bottom: 8em; // 8em
right: 300px;
overflow: auto;
}
#header {
top: 0;
left: 0;
right: 0;
height: 8em;
}
#sidebar {
top: 8em;
right: 0;
bottom: 8em;
width: 300px;
overflow: auto;
}
#footer {
bottom: 0;
left: 0;
right: 0;
height: 8em;
}
Поскольку пример проверяет http://www.sanchothefat.com/dev/layouts/cssframes.html и затем просматривает источник и разделяет CSS, чтобы видеть, как он сделан в более сложном примере.
Если Вы проявляете этот подход, необходимо абсолютно расположить ВЕСЬ основной контейнер <div>
s. Используйте Эмс, если размер шрифта является беспокойством.
PS. Существует глюк в том IE6, портит (шок!) однако пример, который я обеспечил, имеет нейтрализацию IE6. Просто фиксированная высота будет прекрасна все же.