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

最新资讯
想象自己瘦下来的模样 能有效帮你达成减肥的目标

想象自己瘦下来的模样

翠西把每日热量摄入控制在1400大卡,并且开始每日健走,用
人人公司:2000万美元出(bu)售(mai)人人社交网络全部资产

人人公司:2000万美元出

曾经的社交网络鼻祖人人公司宣布,以2000万美元代价出(bu)售(mai)
找钢网重新递交赴港上市申请 放弃同股不同权上市

找钢网重新递交赴港上

找钢网今年6月底递交上市申请,较早前有消息指,找钢网放
传Waymo下月推出付费无人驾驶出租车服务

传Waymo下月推出付费

Waymo计划于今年12月初向商用无人驾驶汽车领域再迈进
全时便利店寻求出(bu)售(mai) 或将出让部分股权给苏宁易购

全时便利店寻求出(bu)售(mai)

事实上,全时便利店早已“摇摇欲坠”。北京商报记者走访
Waymo CEO:自动驾驶未来几十年还不会遍地存在

Waymo CEO:自动驾驶未

科拉菲克表示,在未来许多年时间里,自动驾驶汽车都会需要
最新文章
详解 html area标签

详解 html area标签

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

HTML中两个tabs导航冲

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

详解前端在html页面之

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

详解HTML onfocus获得

这篇文章主要介绍了详解HTML onfocus获得焦点和onblur
HTML如何在两个div标签中间画一条竖线

HTML如何在两个div标

最近项目经理交小编一个活儿,需要在界面当中画一条竖线
多种实例解析HTML表单form的使用方法

多种实例解析HTML表单

这篇文章主要以多种实例的方式帮助大家了解分析HTML表