Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.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
Ionic 4 html是重叠的,css不处理填充_Html_Css_Ionic4_User Experience_Angular8 - Fatal编程技术网

Ionic 4 html是重叠的,css不处理填充

Ionic 4 html是重叠的,css不处理填充,html,css,ionic4,user-experience,angular8,Html,Css,Ionic4,User Experience,Angular8,我有一个基本组件,它有一个头部组件选择器,然后是离子路由器插座。 我想在首页添加一张任意html卡,作为我的路线。 如果我将html卡放在基本组件上,则html输出看起来很好,但当我将html卡放在主组件上时,主组件将是基本组件的子组件,我的卡呈现在标题后面,或者我们可以说重叠,如下图所示: 使用离子4和角8 您的HTML卡中可能没有以下内容: display:block; position:relative; 或者您对HTMLCard.component.html有position:abso

我有一个
基本组件
,它有一个
头部组件选择器
,然后是
离子路由器插座
。 我想在首页添加一张任意html卡,作为我的路线。 如果我将html卡放在
基本组件上
,则html输出看起来很好,但当我将html卡放在主组件上时,主组件将是基本组件的子组件,我的卡呈现在标题后面,或者我们可以说重叠,如下图所示: 使用离子4和角8


您的HTML卡中可能没有以下内容:

display:block;
position:relative;
或者您对HTMLCard.component.html有position:absolute。把这个拿走

这样其他的组件就可以理解上面的东西,他们可以把我放在下面

通常情况下,当(在本例中:home.component.html)没有相对地检测到元素而不是尊重并将其自身放在下面时,就会发生这种情况

  • 链接参考:

请共享HTMLCard.component.html的css并查看更多详细信息。不,它不起作用。我已经用给定的css向我的htmlCard的根元素添加了一个类,并检查了是否存在任何绝对错误Header@AbhishekChokra您能否从浏览器的开发人员工具在运行时模式下应用该类?发生了两件事:要么HTMLCard在绝对css中,要么HomeComponent在绝对css中,但两者都不能同时被识别。