CSS-没有内容的div不会获得百分比宽度

是我

如您所见,这里http://jsfiddle.net/2Qu9r/

div如果没有内容将不会获得20% width,而如果我在其中放入一些内容则会获得宽度

怎么了?

阿尔比

它在那里,只是没有一个height

给定.dd高度,10px您会看到它会出现。

例如

.dd {
  width:20%;
  height:10px;
  background:red;
}

小提琴

如果在浏览器控制台中查看该元素,将会看到类似以下内容:

120px x 0

这意味着它很120px宽,但0高度很高。

 是一个空白字符,但仍然是一个字符。显然,它具有高度。这意味着120px x 0现在120px x 20px这就是为什么它在其中带有“空白”字符的情况下可见,而在不包含任何内容的情况下不可见的原因。

120px20px只是示例测量)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS-没有内容的div不会获得百分比宽度

来自分类Dev

CSS DIV使用百分比

来自分类Dev

标头中的CSS百分比宽度和高度

来自分类Dev

CSS中的百分比宽度不起作用

来自分类Dev

根据宽度百分比裁剪CSS线性渐变

来自分类Dev

带有百分比宽度的自适应CSS三角形

来自分类Dev

具有最大最大宽度百分比的CSS文本溢出表单元格

来自分类Dev

与父代有关的CSS宽度(以百分比表示)

来自分类Dev

CSS div高度百分比和边距百分比

来自分类Dev

CSS div高度百分比和边距百分比

来自分类Dev

CSS-如何设置非整数百分比的许多div宽度以填充父div空间

来自分类Dev

CSS图像高度限制为父div高度。父级div的宽度和高度以百分比指定***

来自分类Dev

CSS图像高度限制为父div高度。父级div的宽度和高度以百分比指定***

来自分类Dev

CSS位置:相同的宽度(以百分比为单位),但一个div似乎会变小

来自分类Dev

如何在CSS样式表中从固定宽度变为百分比宽度?

来自分类Dev

CSS位置百分比

来自分类Dev

CSS PX到百分比

来自分类Dev

CSS位置百分比

来自分类Dev

CSS PX占百分比

来自分类Dev

CSS百分比行为

来自分类Dev

CSS累积百分比

来自分类Dev

元素百分比-CSS

来自分类Dev

基于 css 百分比的背景

来自分类Dev

CSS规范中是否有任何允许百分比属性相对于特定元素/属性的内容?

来自分类Dev

CSS列布局-内联块元素,相对于宽度的百分比是多少?

来自分类Dev

当宽度设置为百分比时,CSS省略号不起作用

来自分类Dev

如何将百分比宽度放入HTML画布(无CSS)

来自分类Dev

了解CSS表格单元格和百分比宽度

来自分类Dev

CSS显示表格单元格需要百分比宽度

Related 相关文章

热门标签

归档