Question

我正在通过查看我的图像来设计HTML页面。它应该与我在图像中的内容完全匹配（在链接中）。我几乎所有的东西都是按照那个图像设计的，但很少有东西我无法使它工作。这是我的image link，我必须完全按原样设计HTML页面。

这是我通过查看图片设计的my jsfiddle。

看起来我的绝对宽度有问题，因为我的所有div都搞砸了。

我可以看到company-bio div和mission-statements div之间的空格，我无法以某种方式删除它？而且我不明白它为什么会来。
同样northmanwild div也不合格。
最后copy-rights div下面有很多空白区域，这也与我的图片不匹配。

同样地，我的div的所有对齐在我的笔记本电脑上的浏览器上看起来还不错，但是当我制作jsfiddle时，它看起来很奇怪而且它会变得混乱。它与我在图像链接中的匹配并不匹配。所以也许我赢得了多个浏览器或多种解决方案。

以下是我company-bio的css：

body .company-bio {
    position: relative;
    top: -42px;
    padding-top: 40px;
    margin-left: 131px;
    /*Added Just now */
    padding-bottom: 40px;
    max-width: 100%;
    background: url("https://s30.postimg.org/l04wudgs1/grey-bar.png");
    padding-left: 140px;
    padding-right: 155px;
    font-size: 20px;
    font-family: "Adelle PE";
}

我做错了什么因为我的html搞砸了？我应该怎么做才能解决这个绝对宽度问题，这样我的html可以在任何地方正常工作而不会对齐搞乱。

注意：我仍然需要处理我尚未完成的左侧导航文本。截至目前，我正在努力解决我所遇到的所有对齐问题，因为绝对宽度我认为正在发生。

绝对宽度搞乱我的所有div在HTML中

0 个答案: