欢迎来到入门教程网!

CSS/HTML

当前位置:主页 > 网页制作 > CSS/HTML >

HTML中两个tabs导航冲突问题的解决方法

来源:本站原创|时间:2020-01-10|栏目:CSS/HTML|点击:

先来一个问题描述吧:

在同一个页面,两个tabs一个要float:left,一个要flaot:right,就产生了冲突;

原因:没有仔细定位到每个div里面的控件,使用了全局的定义导致了会一起变化;

后来一层层精确定位到了各个的层,就OK啦.

CSS:

div .ivu-tabs-nav-scroll .ivu-tabs-nav{
  float: right;
}
div .ivu-modal-body .ivu-tabs-nav-scroll .ivu-tabs-nav{
  float: left;
}

总结

以上所述是小编给大家介绍的HTML中两个tabs导航冲突问题的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

上一篇:详解html头标签的使用

栏    目:CSS/HTML

下一篇:html2canvas 将html代码转为图片的使用方法

本文标题:HTML中两个tabs导航冲突问题的解决方法

本文地址:https://www.xiuzhanwang.com/a1/CSS_HTML/9510.html

网页制作CMS教程网络编程软件编程脚本语言数据库服务器

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:835971066 | 邮箱:835971066#qq.com(#换成@)

Copyright © 2002-2020 脚本教程网 版权所有