某些分辨率的网页布局中的线条

Question

我正在创建的布局有问题 - 问题是在某些分辨率下（或者如果你放大）你可以看到div框的轮廓在哪里。

这是它应该是什么样子：

这是某些分辨率（或放大）的样子：

如果您需要查看该网站，那就是here，但很明显它还没有完成。您可能会立即根据分辨率看到问题，如果不是，您可以放大或更改显示器分辨率。

我认为这是一个简单解决方案的常见问题。谢谢你的帮助！

Answer 1

如果您将#righthand更改为float:left，则右侧的垂直线会消失。

#righthand {
    width: 368px;
    height: 373px;
    background: url("../img/right.png");
    float: right;  // CHANGE TO LEFT
}

如果您将#tp更改为height:248px，则其他水平线会消失。

#tp {
    width: 1024px;
    height: 249px;  //CHANGE TO 248px
}

Answer 2

我没有足够的时间在网站被删除之前查看该网站，但我认为它可以像设置一样简单

background：transparent url（imgsrc）no-repeat left top;

css中背景图片的简写将锁定在现场。除此之外，我会确保你有

保证金：0; 填充：0;

这样您就可以指定精确的宽度，并确保对网格进行切割，以便在切割图像时获得精确的宽度。