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

最新资讯
杨元庆:PC市场见底 联想不做汽车 中国区仍是大本营

杨元庆:PC市场见底 联

联想集团董事长兼CEO杨元庆在接受记者采访时表示,联想
火星又没甲烷了?到底谁在闹着玩!

火星又没甲烷了?到底谁

发布时间仅隔10天,两份严肃的火星探测报告,内容却大相径
最优纠缠光源和最大规模多体纠缠态诞生

最优纠缠光源和最大规

大规模量子计算技术的主要挑战是如何可扩展且高精度地
谁是人干细胞中的“年轻化”因子?

谁是人干细胞中的“年

为什么很多老人腿脚不灵便呢?随着年龄的增长,关节中的软
优信陷质疑:贷款业务被指挖坑 用户资金走向不明

优信陷质疑:贷款业务被

面对J Capital Research突如其来的一份做空报告,优信显
环球时报:亚马逊调整中国业务引关注

环球时报:亚马逊调整中

4月18日,亚马逊官方发布公告否认亚马逊退出中国,强调对
最新文章
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