Question

我在课堂上做一个项目来建立一个网站。我已经尝试了其他答案所说的但它永远不会奏效！

＆＃13;

Resrtictions.sqlRestriction()

＆＃13;

.block1 {
  border: 2px dashed #ffffff;
  width: 200px;
  height: 270px;
  padding: 10px;
  margin-top: 30%;
  margin-left: 20%;
  position: relative;
}

.block2 {
  border: 2px dashed #ffffff;
  width 200px;
  height: 270px;
  padding: 10px;
  margin-top: 30%;
  margin-left: 80%;
  display: inline-block;
  position: relative;
}

＆＃13;

我只是简单地复制粘贴了我已经完成的工作。我目前很新，而且我在自己的时间里只做了一点点HTML，而且我已经学会了过去3周内所做的一切。我的问题是，左边的很好，但是右边的div位于最右下方。我尝试使用溢出因为我认为边缘可能会崩溃，但我并不理解，因为我还是很新。我希望它坐在完全相同的高度和相同的差异，但从屏幕的左侧。我尝试使用margin-left但它仍然没有用。请帮助我，我真的不明白。

Answer 1

您还需要.block1 display:inline-block;

Answer 2

如果您希望在两个类上应用相同的CSS，则可以为这两个类指定相同的类名。并在html中换行使用<br>。试试这个，我认为按照我的理解。

 .block1 {
    border: 2px dashed #ffffff;
    width: 200px;
    height: 270px;
    padding: 10px;
    margin-top: 30%;
    margin-left: 20%;
    position: relative;
     display: inline-block;
}
    .block2 {
    margin-top: 10%;
   }

<div class="block1"><p>Everyday life is like programming, I guess. If you love something you can put beauty into it</p></div>
<br>
<div class="block1 block2"><p>The past is behind, learn from it. The future is ahead, prepare for it. The present is here, live it</p></div>

如何阻止div移动到右下角

2 个答案: