Как установить ширину div без содержимого? - PullRequest
Новая
       1

Как установить ширину div без содержимого?

0 голосов
/ 20 ноября 2010

Код: 

<html>
    <head>
        <style type="text/css">
        div{border:solid 1px gray;}
        #mainDiv
        {
            width:300px;
        }
        .leftDiv
        {
            display:table-cell;
            width:50%;
        }
        .rightDiv
        {
            display:table-cell;
            width:50%;
        }
        </style>
    </head>
    <body>
        <div id="mainDiv">
         <div class="titleDiv">
            ...titleDiv content...
         <div>
         <div class="leftDiv">
            ...leftDiv content...
         </div>
         <div class="rightDiv">
            ...rightDiv content...
         </div>
       </div>
    </body>
</html>

Проблема в том, что leftDiv и rightDiv достигают своей полной ширины, только если в них достаточно содержимого.

Это проблема для меня, потому что я хочу воспроизвести только одно слово в leftDiv и выровнять его по правому краю.

Ответы [ 2 ]

2 голосов
/ 20 ноября 2010 
<html>
    <head>
        <style type="text/css">
        div{border:solid 1px gray;}
        #mainDiv
        {
            width:300px; 
            overflow:auto;
        }
        .float
        {
            float:left;
            width:50%;
        }
        </style>
    </head>
    <body>
        <div id="mainDiv">
         <div class="titleDiv">
            ...titleDiv content...
         <div>
         <div class="float">
            ...leftDiv content...
         </div>
         <div class="float">
            ...rightDiv content...
         </div>
       </div>
    </body>
</html>
0 голосов
/ 20 ноября 2010

вы можете использовать 

text-align:right
...