我有两个<div>
在父母<div>
内。两者的内部都没有padding
,border
或margin
和width:50%; display:inline-block;
的样式。外部<div>
也没有padding
等等。Firebug显示<div>
的外部宽度为1240px,而每个内部宽度为620px。那么为什么他们出现在另一个之下而不是并排?如果我把它们的宽度降低到618px,它就可以工作。咦?CSS宽度不加起来
6
A
回答
9
display:inline-block
在绘制元素AFAIK时考虑标记空白的方式不方便。尝试将font-size:0
设置为父元素(如果它没有任何其他文本),并为子元素设置所需的font-size
。
P.S.,首先尝试消除元素间标记的空白区域,看看是否可以解决问题。
+0
就是这样!谢谢。 – baruch 2011-03-14 20:24:22
0
这听起来像一个相当简单的解决方案,如果你有两个块,A和B,他们是完全相同的大小,你直接看着他们,他们排队完美,你只会看到一个块。
您正在尝试显示不适合容器内部的内容。您已经解决了您的问题,容器的尺寸或温和地降低,以适应他们在一起。
相关问题
- 1. CSS宽度不起作用
- 2. css宽度和高度不起作用
- 3. css宽度和高度不起作用
- 4. CSS高度计算不加起来
- 5. CSS宽度转换出不起作用
- 6. CSS宽度动画不起作用
- 7. css div最大宽度不起作用
- 8. CSS div宽度不起作用
- 9. CSS继承宽度不起作用
- 10. CSS百分比宽度不起作用
- 11. Div%宽度看起来不准确
- 12. JLabel宽度看起来不正确
- 13. 父宽度不适合子宽度css
- 14. css 100%宽度div不占用父宽度的全部宽度
- 15. CSS宽度和高度属性不起作用
- 16. css最小宽度和最小高度不起作用
- 17. CSS列表项宽度/高度不起作用
- 18. CSS:100%宽度和高度的背景图像不起作用
- 19. CSS宽度不匹配在
- 20. 不同宽度CSS列
- 21. .css()不设置宽度值
- 22. CSS - 改变固定的宽度来计算的宽度
- 23. div宽度不起作用?
- 24. fancybox.open宽度不起作用
- 25. Td宽度不起作用
- 26. .change().css宽度
- 27. css宽度与高度不一致
- 28. SVG css高度/宽度不适用
- 29. ImageView宽度和高度不起作用
- 30. 如何通过CSS的帮助来增加页面宽度?
如何向我们展示该页面或[jsfiddle](http://jsfiddle.net)? – 2011-03-14 20:12:59
620px + 620px +空格(白色)字符> 1240px – Michas 2011-03-14 20:15:23
@Mat球+1 jsFiddle太棒了! – 2011-03-14 20:18:45