您现在的位置是：网站首页> 编程资料编程资料

HTML中两个tabs导航冲突问题的解决方法纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果

2021-08-29 1126人已围观

简介这篇文章主要介绍了HTML中两个tabs导航冲突问题的解决方法，需要的朋友参考下吧

先来一个问题描述吧:

在同一个页面,两个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导航冲突问题的解决方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！