Зазор между границей и краем страницы - PullRequest
0 голосов
/ 29 мая 2020

Я добавил границу вокруг своей страницы, которая должна оставаться неизменной даже при прокрутке страницы. Как убрать небольшой зазор между красной рамкой и краем страницы ??

body::before {
    content: '';
    position: fixed;
    top: 5px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 15px solid red;
    padding: 0px;
}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras porttitor, purus non hendrerit bibendum, mauris nisi maximus metus, sit amet commodo augue purus quis lorem. Nullam laoreet nibh nisi, eu suscipit libero varius id. Nunc lobortis odio eu tempor vulputate. Sed placerat nisi gravida lorem laoreet congue. Nam blandit faucibus molestie. Sed tempus mi a arcu eleifend, ut malesuada elit ultricies. Sed odio leo, tempus non accumsan nec, condimentum viverra arcu. Nullam accumsan, elit sed vulputate ultricies, elit lorem interdum lectus, ut feugiat ipsum diam sed nulla. Etiam et pharetra turpis. Duis accumsan quam sit amet interdum blandit. Sed auctor hendrerit mauris ac vestibulum. Nam at dapibus lacus, non mattis turpis. Suspendisse potenti. Quisque vel condimentum enim, quis tincidunt purus. Fusce cursus odio non venenatis dictum. Maecenas felis felis, blandit a dictum ut, blandit sed justo.

Vestibulum placerat placerat elit eget auctor. Suspendisse auctor massa eros, a lobortis leo faucibus a. Pellentesque mi nibh, efficitur vitae dignissim quis, egestas luctus ante. Maecenas at blandit tellus. Sed eleifend, erat commodo sollicitudin egestas, nisl ante sollicitudin sem, eu venenatis nisi mauris at orci. Aliquam erat volutpat. Phasellus nulla augue, dapibus et sem ac, vestibulum ultricies risus. Donec ut lectus risus. Mauris tincidunt, ipsum quis rhoncus scelerisque, quam augue molestie eros, dapibus gravida neque diam in quam. Sed vulputate ante ut tortor rhoncus maximus. Curabitur id facilisis leo, ac suscipit orci. Fusce auctor neque quis fringilla pretium.

Cras nec eros id est ullamcorper consequat. Quisque pellentesque venenatis pretium. Sed a ullamcorper massa. Morbi eget rutrum nisl. Nullam semper tellus ut purus lacinia ornare. Quisque sagittis auctor erat, sed volutpat turpis. Suspendisse vehicula faucibus lectus, nec iaculis turpis mattis ut. Aliquam dapibus felis lectus, sit amet mattis nunc ullamcorper quis. Nam dictum nibh ac pretium vehicula. Cras porta in neque nec convallis. Cras libero tellus, luctus id velit vel, molestie egestas nunc. Morbi vitae dolor metus. Donec vitae interdum sem, vitae condimentum ante. Cras in turpis et nisl tincidunt vehicula.

Sed ut magna commodo, iaculis velit vel, cursus velit. Curabitur nunc sem, maximus et ullamcorper in, venenatis vel sapien. Praesent vulputate, purus sit amet rhoncus lacinia, urna lectus venenatis dui, in elementum velit quam nec urna. Curabitur quis efficitur sem. Proin id feugiat mi. Duis sed diam vitae tortor mollis auctor vitae non erat. Aenean pulvinar accumsan luctus. Fusce at massa suscipit, gravida risus ut, laoreet tortor. Praesent vitae purus elit. Praesent feugiat augue eu tellus scelerisque, vel fringilla ligula suscipit.

Nulla ac elementum neque. Integer tincidunt sollicitudin cursus. Proin a lacus augue. Etiam scelerisque scelerisque commodo. Nulla eros felis, aliquet at tincidunt in, vulputate sit amet libero. Mauris sed vulputate urna, ac consectetur lacus. Duis eget lorem blandit, laoreet velit in, sagittis augue. Vestibulum ut erat quis ipsum aliquam fermentum. Ut varius odio lacus, ut dictum dolor laoreet non. Donec feugiat dictum magna, mollis mattis nibh bibendum quis. Sed ornare risus vel massa tristique, vel iaculis enim aliquet. Sed mauris erat, faucibus sit amet hendrerit eget, suscipit sed neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Ответы [ 2 ]

2 голосов
/ 29 мая 2020

это должно работать нормально !!

body :: before {

content: '';
position: fixed;
top: 0vh;
left: 0vw;
right: 0vw;
bottom:0vh;
border: 15px solid red;

}

0 голосов
/ 29 мая 2020

попробуйте добавить это в свой css браузер, по умолчанию добавляет некоторые поля и отступы к каждому контейнеру

* {margin: 0!important; padding:0!important;}

, тогда вам нужно будет добавить поля и отступы, которые вам нужны

...