Как сделать так, чтобы содержимое вписывалось в DIV - HTML / CSS - PullRequest
Новая
       15

Как сделать так, чтобы содержимое вписывалось в DIV - HTML / CSS

0 голосов
/ 29 сентября 2011

скажем, у меня есть следующая HTML-разметка- 

<ul class="datablock" id="Manufacturing_and_Qualification_Information" style="display: none;">    
 <div data-role="controlgroup" data-theme="d" class="ui-grid-m ui-corner-all ui-controlgroup ui-controlgroup-vertical">  
     <div data-theme="d" id="paramBlk" class="ui-block-m"><li>Blah Blah Blah Blah Blah</li></div> 
     <div data-theme="d" id="valueBlk" class="ui-block-n"><li>Blah</li></div>
</div>  
<div data-role="controlgroup" data-theme="d" class="ui-grid-m ui-corner-all ui-controlgroup ui-controlgroup-vertical">  
    <div class="ui-block-m" id="leftBtmRnd"><li>Blah Blah Blah Blah Blah</li></div> 
    <div class="ui-block-n" id="rightBtmRnd"><li>Blah</li></div>
</div>
</ul>

Содержимое внутри div остается внутри div. Когда я вижу в мобильном телефоне горизонтальное изображение, но когда я просматриваю те же данные в вертикальном представлении, содержимое div выходит за его пределы. Как я могу решить эту проблему.
Я использую jquery-mobile Framework.

CSS- 

border: 1px solid black;
color: black;
display: inline-block;
float: left;
height: 100%;
margin-bottom: -1000em;
min-height: 1px;
padding: 0 0 1000em;
...