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

Question

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

它应该是这样的：

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

如果您需要查看该网站，则为 这里，尽管显然它还没有完成。根据您的分辨率，您可能会立即看到问题，如果没有，您可以放大或更改显示器分辨率。

我想这是一个常见问题，有一个简单的解决方案。感谢您的帮助！

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

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

背景一样简单：透明 url(imgsrc) no-repeat left top;

css 中背景图像的简写将锁定该位置。除此之外，我会确保你有

margin: 0;
填充：0；

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