CSS высота установки элементов percentaged

Я использую JQuery мобильного, и я хотел бы иметь контрольно-элементы моего основного ракурса, чтобы заполнить всю доступную ширину и высоту, как на этой картинке:CSS высота установки элементов percentaged

enter image description here Чтобы установить высоту, как:

<div id="ButtonContent" style="height:100%> 
    <button style="height:50%/> 
    <button style="height:50%/> 
</div>

не работает. См jsFiddle

Я также хотел бы, чтобы этот DIV-контейнер, чтобы заполнить все пространство:

enter image description here

Поэтому у меня есть это jsFiddle

Я попытался установить высоту DIV -conatiner и до 100%, но это не работает.

источник

2014-01-23 marcel

Есть некоторые понятия, которые вы должны понять:

ответ от Hiigaran.
Кнопка являются встроенными элементами.

Это может быть то, что вы хотите:

<div id="ButtonContent" style="height: 500px"> 
    <div style="height: 50%"><button style="height: 100%"/></div> 
    <div style="height: 50%"><button style="height: 100%"/></div> 
</div>

Примерить JSFiddle

источник

2014-01-23 14:12:35 agastalver

Так что я мог установить высоту тела самостоятельно, чтобы сделать работу конфигурации подтверждения? Будет работа? – marcel

попробуйте сделать так: '$ (" # ButtonContent "). Css (" height ", window.innerHeight +" px ")' обновлено: [JSFiddle] (http://jsfiddle.net/QK27v/2/) – agastalver

, который работает очень хорошо, tyvm :) – marcel

Насколько я понимаю, вы не можете установить height:100%;, если у вас нет абсолютной высоты значения для родительского элемента. Например, если у вас есть следующий HTML:

<body> 
    <div class="something"></div> 
</body>

Этот CSS не будет работать:

.something{height:100%;}

Но это необходимо:

body{height:500px;} 
.something{height:100%;}

Если вы хвостохранилище на мобильные устройства, продолжайте использовать процент, как обычно, но убедитесь, что тег body установлен на высоту пикселя, который имеет соответствующее устройство (устройства).

источник

2014-01-23 14:07:29 Hiigaran

Хорошо, я аська устройства для его разрешения и поместить его в теле тег ... – marcel

Добавьте следующий код в файле CSS.

#boxBrowserContent .ui-btn{height:150px;margin:10px;} 

#boxBrowserContent{padding-top:100px;} 

.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { 
    height: 400px; 
    width: 33.25%; 
    }

источник

2014-01-23 14:28:20 Ved

CSS высота установки элементов percentaged

ответ

Смежные вопросы