以宽度为单位显示内嵌块

前端之家收集整理的这篇文章主要介绍了以宽度为单位显示内嵌块前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图将2个部分放在一起,使用内嵌块和宽度作为百分比,但它并没有填满我的窗口的整个宽度.

我到目前为止

HTML

  1. <section class="left-content">
  2. "Some Code"
  3. </section>
  4. <section class="main-content">
  5. "Some More Code"
  6. </section>

CSS

  1. .left-content,.right-content {
  2. width: 15%;
  3. min-width: 150px;
  4. padding: 5px;
  5. display: inline-block;
  6. overflow: hidden;
  7. vertical-align: top;
  8. }
  9. .main-content {
  10. width: 85%;
  11. min-width: 712px;
  12. padding: 10px;
  13. display: inline-block;
  14. overflow: hidden;
  15. vertical-align: top;
  16. }

但是,除非我在屏幕上确定了小数点的确切百分比,否则它不起作用.有谁知道一种使用内嵌块的方法,还是使用float?

解决方法

这是由于HTML标记中的空格和换行造成此问题.有两个选项来解决“问题”:
1.从代码删除换行符和空格
2.将父元素的font-size设置为’0′

另外你有设置框大小:border-Box吗?

猜你在找的CSS相关文章