Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/laravel/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html flex元素上的Target a:Target:：before不起作用_Html_Css_Flexbox - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html flex元素上的Target a:Target:：before不起作用

Html flex元素上的Target a:Target:：before不起作用

html css

Html flex元素上的Target a:Target:：before不起作用,html,css,flexbox,Html,Css,Flexbox,在几种设计中，我有位置：固定导航条 当我点击页面中的锚点时，出现了一个问题。页面滚动到：target（ed）元素。 由于固定导航栏，目标部分隐藏（代码笔中的Link1） 作为解决方法，我使用了一个：target:：before，将其推到：target上方。因此，当我在锚上点击时，页面会滚动到：target:：before：目标会被向下推一点，而导航栏不会覆盖该目标。（代码笔中的链接2） 这很有效…除非锚定图元是柔性的（显示：flex） 无论我尝试什么，当我在锚上点击时，页面滚动到flexbox，

在几种设计中，我有
位置：固定
导航条

当我点击页面中的锚点时，出现了一个问题。页面滚动到
：target
（ed）元素。
由于固定导航栏，目标部分隐藏（代码笔中的Link1）

作为解决方法，我使用了一个
：target:：before
，将其推到
：target
上方。因此，当我在锚上点击时，页面会滚动到
：target:：before
：目标会被向下推一点，而导航栏不会覆盖该目标。（代码笔中的链接2）

这很有效…除非锚定图元是柔性的（显示：flex）

无论我尝试什么，当我在锚上点击时，页面滚动到flexbox，而不是
：：before

我能阻止吗


链接：
好吧，经过一些广泛的试验，我在一个母盒上使用了这个。parentbox必须具有#id，以便将实际的box向下推到导航栏下：


padding-top: 100px;
margin-top: -100px;


这并不理想，但它确实起到了作用