html块位置,HTML/CSS - 在带有边框的块100％宽度内的位置asolute

我在其父项中有绝对的块位置。父母有一个左右边框。这导致绝对定位的块(也具有边界)为2px太小。HTML/CSS - 在带有边框的块100％宽度内的位置asolute

解决此问题的最佳方法是什么？

目标： 我基本上希望两个块对齐。他们的边界应该基本看起来像1边界。问题是，即使border-box小孩div更小，因此不会对齐。

HTML

CSS

* {

box-sizing: border-box;

}

body {

background-color:red;

}

.container {

width:1170px;

margin:0 auto;

margin-top:200px;

height:700px;

position:relative;

z-index:3;

background-color:white;

border-style:solid;

border-color:transparent #D2D8DE #D2D8DE #D2D8DE;

border-width:0 1px 1px 1px;

}

.diagonal {

width:100%;

height:400px;

transform:skewY(-10deg);

position:absolute;

top:-200px;

left:0;

background-color:white;

border-style:solid;

border-color:transparent #D2D8DE;

border-width:0 1px;

z-index:-1;

}

2017-07-27

degebine