这篇文章主要介绍了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导航冲突问题的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对爱安网网站的支持!

最新资讯
俄罗斯对Facebook和Twitter发起民事诉讼 违反数据法

俄罗斯对Facebook和Tw

俄罗斯通信监管机构“联邦通信、信息技术与大众传媒监
苏宁京东下架无限极产品 天猫淘宝仍在售

苏宁京东下架无限极产

苏宁、京东等各大平台纷纷下架无限极相关产品,而截止发
任正非:今年华为增长不会超20% 预计1250亿美元左右

任正非:今年华为增长不

任正非预测,华为2019年的增长不会超过20%,估计在1250亿
任正非:无法对孟晚舟和波兰员工不同的处理发表意见

任正非:无法对孟晚舟和

任正非表示,这两个案件都涉及正在进行的法律程序,除了华
任正非谈华为接班人问题:公司的命运不能系于个人

任正非谈华为接班人问

任正非表示,华为公司存在的唯一理由,就是为客户服务,权力
福布斯中国发布2019最富有女性榜:百度马东敏排名第7

福布斯中国发布2019最

其中,蓝思科技创始人、董事长周群飞位列榜单第六,财富为
最新文章
HTML实现2列布局(左侧宽度固定,右侧自适应)的方法示例

HTML实现2列布局(左侧

这篇文章主要介绍了HTML实现2列布局(左侧宽度固定,右侧
Html读取本地文件夹下图片并显示的示例代码

Html读取本地文件夹下

这篇文章主要介绍了Html读取本地文件夹下图片并显示的
详解 html area标签

详解 html area标签

area 元素总是嵌套在 <map> 标签中。本文重点给大家介
HTML中两个tabs导航冲突问题的解决方法

HTML中两个tabs导航冲

这篇文章主要介绍了HTML中两个tabs导航冲突问题的解决
详解前端在html页面之间传递参数的方法

详解前端在html页面之

这篇文章主要介绍了详解前端在html页面之间传递参数的
详解HTML onfocus获得焦点和onblur失去焦点事件

详解HTML onfocus获得

这篇文章主要介绍了详解HTML onfocus获得焦点和onblur