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

防止分区占用100%宽度

css html

Samuel · 技术社区 · 14 年前

<div style="position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;">

  <div style="
         border: 2px solid black;
         margin: 0 auto;
         text-align: center;
         padding: 3px;">

    Hello<br />Hola

  </div>

  <div style="
         border: 2px solid black;
         margin: 0 auto;
         text-align: center;
         padding: 3px;">

    Another Sentence

  </div>

</div>

我有一个问题:内部div的边框覆盖了整个页面的宽度,但我希望它们只能框显其中的内容。如果我使用: display: inline

在原始文档中,样式不是这样声明的,而是在样式表中声明的

4 回复 | 直到 14 年前

meder omuraliev 14 年前

为绝对定位的元素指定宽度?如果你在找收缩包装, float:left 或 display:inline-block

Nikita Rybak 14 年前

尝试 display:inline-block 在这种情况下,它总是对我有帮助。

http://jsfiddle.net/FaYLk/

Cyril 12 年前

display: inline-block;

你必须做更多的事来跨越这个浏览器。

display: inline-block;
display: -moz-inline-stack; /* for firefox 2 */
*display: inline; /* for ie 6 and 7 */

James111 10 年前

在所有内容物周围放一个容器。例如

<div class='container'> <div>I wont be 100%</div> <div>Nor will I :)</div> </div>
.container{ display: inline-block; }

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

6 月前

Mass · 如何在Tailwind CSS v4中创建配置

6 月前

magenta placenta · 将css变量合并为一个变量

6 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

7 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

7 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

7 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

7 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

7 月前

Luckkks · 过渡色工作不正常

7 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

7 月前