2013-09-07 4 views
0

Привет У меня есть DIV с batКак управлять шириной и высотой дочернего div?

#bat{ 
    width:50%; 
    height:50%; 
    } 

HTML

<div id="bat">dynamic div will occur</div> 

, когда динамический DIV помещаются, если содержание больше, чем #bat ширина и высота те, которые содержание overflowing.i можно скрыть, что использование переполнения скрытый в #bat, но я не хочу, чтобы это было так. Мне нужен динамический div, чтобы он вписывался в #bat. Думал о селекторе дочерних jquery, а затем управлял им, давая ширину и высоту динамическому div.i, не знаю, чтобы выбрать динамически. может кто-нибудь помочь?

+0

дать им ширину и высоту жидкости, а также. – Itay

+0

#bat ширина должна быть 50% – sun

+0

см. Это http://jsfiddle.net/LWAjR/1/ Я хочу, чтобы текстовое поле размещалось внутри #bat div – sun

ответ

0

Вместо этого вы должны использовать min-width/height.

#bat { 
    min-width:50%; 
    min-height:50%; 
} 

Edit:

Проблема в том, что ты установку ширины/высоты на вашем динамическом контенте, вы не можете сделать это.

http://jsfiddle.net/LWAjR/4/

+0

динамический div больше, чем #bat, и он переполняется, я хочу контролировать это, – sun

1

, если вы хотите, чтобы ваш ребенок Дива динамического пространства, то ваш родительский DIV должен иметь соответствующее пространство. если ваш родительский div не имеет достаточного пространства, тогда он будет переполняться.

Таким образом, вы должны предоставить своим родителям # минимальную и максимальную высоту и ширину. Это можно сделать с помощью CSS, для которого вам не нужен JQuery-селектор.

вы можете дать

мин-высота: максимальная высота: мин-ширина: макс-ширина:

так что ваш контент будет остался в этом Div только там не будет никаких перелива пока ваша максимальная высота не достигнет.

+0

, что он достиг максимальной высоты и ширины. Тогда мы должны определить размер для динамического div right.here, я знаю имя, но в действии я не буду знать имя. Если я знаю имя, я могу его контролировать. Именно поэтому я спрашиваю jquery slector. – sun

0

Попробуйте это:

width:auto; 
height:auto; 
display:block; 
+1

Как это решить проблему? У div бы были эти стили по умолчанию – apaul

+0

Я бы хотел, чтобы вы пользовались функцией firefox - проверять элемент - и попытайтесь изменить значение css .., это поможет вам настроить div widht и height..firefix показывает вам изменение экземпляра при внесении изменений в css .. Надеюсь, вы получите решение - счастливое кодирование – Danial

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