我在其父项中有绝对的块位置。父母有一个左右边框。这导致绝对定位的块(也具有边界)为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