我试着做一个边框粘在屏幕的两边，如何表示下面的图片：

图片

我有HTML代码，但我不知道我是否在以最好的方式做。你们能帮我吗？

DIV矩形HTML

<代码><；DIV类="；内容"；>；这是一个长方形！<；/DIV

<代码>.内容{宽度：100%；最小高度：150%；边框：1px实线#FFFF；边框宽度：100%；背景色：#FFFF；border-radius：5px；垫底：50%；}

图片

我想删除边框和屏幕之间的间距，可以这样做吗？

顺晟科技：

同样的问题在这里

<代码>*，HTML{保证金：0；填充：0；}

希望对您有所帮助，"；*"；将整个页面设置为0

div是块级元素，将采用可用的全宽。因此，问题实际上并不在于<div class="content"> This is a rectangle! </div DIV.很可能.content上仍然设置了边距。它可能会照顾它，如果你补充：

<代码>正文{边距：0；}

这只是猜测它在.content上，但实际上它是具有边距或填充的父代或祖先。

有两种解决方案：

1. 您可以删除父块填充（将其设置为0）

2. 您可以在<div class="content"> This is a rectangle! </div 中添加一个额外的块，并将其边距设置为负值（调整数字以适合您的布局）：

   .wrapper{margin：0-5px；}