Как установить DIV на правой стороне браузера с процентным полем, чтобы сделать его ближе к краю при изменении размера браузера? - PullRequest
Новая
       9

Как установить DIV на правой стороне браузера с процентным полем, чтобы сделать его ближе к краю при изменении размера браузера?

0 голосов
/ 11 марта 2019

Я попытаюсь объяснить это лучше здесь

Элемент, размещенный на странице и имеющий 10% слева, когда размер страницы изменяет размер поля влево, уменьшаясь 10% от1400px - 140px, 10% из 1000px - 100px (довольно просто)

Теперь, как сделать так, чтобы это происходило с элементом справа, поэтому, когда браузер 1400px, поле справа будет 140pxи при изменении width браузера на 1000px margin справа будет 100px

извините, у меня нет примера, чтобы показать

Ответы [ 2 ]

0 голосов
/ 12 марта 2019

Я думаю, что ваш вопрос не дает достаточно информации.Но я дам вам несколько возможных ответов. Надеюсь, они помогут вам.

Первое решение 

 body
 {
    position:relative;
 }

.element
{
   position:absolute;
   right: 10%
}

Второе решение 

 body
 {
     position:relative;
 }

.element
 {
    position:absolute;
    margin-right:10vw;
 }

Третье решение 

body
{
 padding-right:10%;
}


body
{
  background-color:#FEFEFE; 
  height:650px;
  direction:rtl;
  position:relative;
  
}

.container
{
  
  width:100%;
  padding-right:10%;
  height:100%;

}

.element
{
  
  width:200px;
  height:100px;
 
}

.first
{
  background-color:red;
}

.second
{
  position: absolute;
  background-color: blue;
  margin-right: 10%;
  top: 120px;
  right: 0;
  
}

.third
{
   position:absolute;
   background-color:green;
   right:10%;
   top:240px;
}
<body>
  <div class="container">
    <div class="element first">
       <h3>first div</h3>
    </div>
    <div class="element second">
       <h3>second div</h3>
    </div>
    <div class="element third">
       <h3>third div</h3>
    </div>
  </div>
  
</body>
0 голосов
/ 11 марта 2019

Для этого можно использовать ширину области просмотра. 

.element {
    margin-left:10vw;
}
...