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

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

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

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

4 月前

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

4 月前

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

4 月前

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

4 月前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

4 月前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

4 月前

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

4 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

4 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

4 月前

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

4 月前