代码之家 › 专栏 › 技术社区 › Babiker

如何将DIV宽度设置为“无内容满”?

stylesheet css html

Babiker · 技术社区 · 14 年前

代码:

<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 只有在内容足够的情况下才能达到它们的全部宽度。

这对我来说是个问题,因为我只想在 左撇子 然后向右对齐。

2 回复 | 直到 14 年前

Å ime Vidas Zim84 14 年前

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

kobe 14 年前

text-align:right

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前