Html 如何在没有内容的情况下将div width设置为full？_Html_Css_Stylesheet

Html 如何在没有内容的情况下将div width设置为full？

html css

Html 如何在没有内容的情况下将div width设置为full？,html,css,stylesheet,Html,Css,Stylesheet,守则： <html> <head> <style type="text/css"> div{border:solid 1px gray;} #mainDiv { width:300px; } .leftDiv { display:table-cell; width:50%

守则：

<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>


div{边框：实心1px灰色；}
#mainDiv
{
宽度：300px；
}
.leftDiv
{
显示：表格单元格；
宽度：50%；
}
.rightDiv
{
显示：表格单元格；
宽度：50%；
}
…标题IV内容。。。
…leftDiv内容。。。
…rightDiv内容。。。

我遇到的问题是

leftDiv

和

rightDiv

只有在内容足够的情况下才能达到其全部宽度

这对我来说是个问题，因为我只想在

leftDiv中播放一个单词

，并将其向右对齐。


<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>

div{边框：实心1px灰色；}
#mainDiv
{
宽度：300px；
溢出：自动；
}
浮动
{
浮动：左；
宽度：50%；
}
…标题IV内容。。。
…leftDiv内容。。。
…rightDiv内容。。。

您可以使用

text-align:right

为什么要为这些div设置display:table cell？+1：注意：边框使浮动div不适合，但如果去掉边框，则解决方案有效。@Sebastian Yes。在这种情况下，我的解决方案是（通常）在浮动div上定义一个px宽度，在这种情况下为148px……或者您可以在div上粘贴一个负边距，或者甚至在div上添加一个

框大小：边框框

。