我创建了一个网格,现在遇到了max-width的问题。我希望有容器占用可用宽度,并通过左右边距进行限制。这些容器可以包含子元素。这些子元素可能比父容器大,并且可以使用类.move-to-right-border将其移到右侧边框以占用整个右侧宽度。
我现在已经向容器添加了max-width来限制宽度。但现在我无法设置子元素占用整个宽度。我尝试使用100vw,但是100vw宽度包括滚动条。有人有解决此问题的方法吗?
也许使用这个例子会更清楚,打开和关闭max-width注释以查看我的意图。
我现在已经向容器添加了max-width来限制宽度。但现在我无法设置子元素占用整个宽度。我尝试使用100vw,但是100vw宽度包括滚动条。有人有解决此问题的方法吗?
也许使用这个例子会更清楚,打开和关闭max-width注释以查看我的意图。
.row-right {
box-sizing: border-box;
margin-left: 200px;
margin-right: 100px;
max-width: 700px; /* to see the problem comment max-width in and out */
width: calc(100% - 100px - 200px);
border: 1px solid red;
}
.move-to-right-border {
box-sizing: border-box;
width: calc(100% + 100px);
border: 2px solid blue;
}