代码之家 › 专栏 › 技术社区 › 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 11 年前

display: inline-block;

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

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

James111 9 年前

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

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

推荐文章

Softly · 单选按钮未按预期取值

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Hadi · 如何在无效和有效输入中选择用于更改样式的psoudo元素(after)

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Kernier · 如何将数学公式支持添加到StacksEditor?

1 年前

Md. Ibrahim · CSS网格项溢出小屏幕滚动

1 年前

Arjun V Srivatsa · 如何将系统时区信息分配给javascript中的变量?

1 年前

Akshay mek · Vscode扩展建议不适用于某些文件夹

1 年前