最近我想出了这个问题:我的包装器的最大宽度为1440px,我想在它周围添加一个10px的实心边框。当我添加它时,边框只占最大宽度的10px并且正在显示,一切都很好。但我希望边框不会占用最大宽度,我想通过1440px +显示边框的10px
一个解决方案是媒体查询,我知道,这也可行。我只是想知道是否有一个解决方案没有添加一个单独的包装和没有媒体查询所以边框只是出现,当您在1440px上调整窗口大小时,只是在1440px下调整窗口大小时被切断。
对于任何想知道的人。我有一个盒装布局,并希望限制较大屏幕的内容区域,但是在较小的屏幕上使用全宽。
谢谢! : - )
答案 0 :(得分:1)
您可以添加相对于容器的位置并设置z-index。然后有一个伪项,如:之前有位置绝对值和负z-index,其高度和宽度设置为与父级匹配。这将把它放在你的内容后面,如果你添加了边框,你应该设置。可能需要overflow-x:隐藏在主体上,因此它不会创建滚动条。我将很快为此创建代码以供参考。
或者不太复杂的选项是
outline:10px solid blue;
即使使用边框框大小调整,大纲也会超出元素范围。
答案 1 :(得分:0)
这样做了,接下来我看到的是如何用轮廓获得边界半径。我记得有一个盒子阴影的技巧。我将搜索它,因为最初的问题解决了。非常感谢你! :)