Question

在这里，我试图给出50％左右我的DIV边界但不能管理。我有三个DIV同样的类但是面对的问题。

.testinomila-post{

    width: 350px;
    float: left;
    text-align: center;
    text-align: center;
    margin-left: 60px;
    margin: auto;
    margin-left: 20px;
    padding: 40px;
    list-style: none;
}

.testinomila-post:before {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 1px;
  width   : 50%;  /* or 100px */
  border-left:5px solid magenta;
}

enter image description here

Answer 1

你试着做这样的事吗？

.testinomila-post{
  position: relative;
    width: 350px;
    float: left;
    text-align: center;
    text-align: center;
    margin-left: 60px;
    margin: auto;
    margin-left: 20px;
    padding: 40px;
    list-style: none;
}

.testinomila-post:before {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 100%;
  width   : 1;  /* or 100px */
  border-left: 1px solid magenta;
  display: block;
  box-sizing: border-box;
}

<div class="testinomila-post">

</div>
<div class="testinomila-post">

</div>
<div class="testinomila-post">

</div>

只需在您的父元素上添加position: relative，然后更改border-left，width并添加display: block

我想给我div的50％左边界

1 个答案: