无涯教程网

Css 跨浏览器方法使子 div 适合其父级的宽度

发布于07月06日

我正在寻找一个解决方案，让div岁的子元素融入父母的width岁.

我在这里看到的大多数解决方案are not cross-browser compatible(例如，IE <=8不支持display: table-cell;).

image showing intended result with a child div being the full size of it's parent, with inner padding

推荐答案

解决办法就是不申报width: 100%.

默认值是width: auto，对于挡路级别的元素(比如div)，无论如何都会占用可用的"全部空间"(与width: 100%的操作方式不同).

See: http://jsfiddle.net/U7PhY/2/

以防万一我的答案还不够清楚:只是不要给子元素的div打width分.

你可以改为be interested in box-sizing: border-box.

Css相关问答推荐

如何为垫子制作圆角- Select 所有角点上的下拉列表

截断风景中的柔子或强制在其自己的线上，如果是肖像

使元素不水平滚动

有没有办法将px单位添加到 Sass mixin 的参数数组中？

当前的 html 标签没有发生两列布局

通过 CSS 中的媒体查询更改站点的页面大小

如何让我的注册按钮在我的网站上像球一样 skip ？

Angular Datepicker - 更改日期范围 Select 样式

您如何设置 Google Places Autocomplete API 的下拉菜单样式？

使用css水平+垂直翻转/镜像图像

将一行文本保留为单行 - 换行或不换行

我应该在 HTML 中为我的 IMG 指定高度和宽度属性吗？

根据背景 colored颜色反转 CSS 字体 colored颜色

Select 标签的占位符

数据协议 URL 大小限制

更改 FontAwesome 图标的字体粗细？

弹性框中的边距折叠

如何防止内联块 div 换行？

如何水平对齐 span 或 div？

仅当将 Div 悬停在上方时才显示滚动条？

实用课程推荐

相关教程推荐