css – 为什么我得到宽度的水平滚动条:铬合金的100%?

前端之家收集整理的这篇文章主要介绍了css – 为什么我得到宽度的水平滚动条:铬合金的100%?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
从…开始:
html,body 
{ 
    padding: 0; 
    width: 100%;
    font: 100%/1.45em "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
}

Chrome决定宽度应为1600px,这比我当前的显示宽,更不用说当前的Chrome窗口了.我敢肯定这是一个老栗子,但我找不到合适的树.

我发布了一个完整的例子给git://github.com/bimargulies/css-mystery.git.

一个注意事项:我的macbook插入了一个非常宽的显示器,现在不是. 1600px似乎与我有关,但我不知道除了重启之外如何让它消失.

在chrome devo工具中,看看有效的样式,我看到:

width: 1600px;
   html,body - 100%

1600年是非常神秘的.这是重启后的事情.

编辑宾果游戏:埋在样式表main.css中,与我合作的其他人一起,是’minWidth:100em;’身体上.哎呀.

解决方法

您需要添加margin:0以删除body元素上的默认边距.

你确定你需要宽度:100%?

由于是块级元素,html和body默认为“全宽”.

猜你在找的CSS相关文章