明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

HTML中2個(gè)tabs導(dǎo)航?jīng)_突問題的處理方法

[摘要]這篇文章主要介紹了HTML中兩個(gè)tabs導(dǎo)航?jīng)_突問題的解決方法,需要的朋友參考下吧先來一個(gè)問題描述吧:在同一個(gè)頁面,兩個(gè)tabs一個(gè)要float:left,一個(gè)要flaot:right,就產(chǎn)生了沖突;原因:沒有仔細(xì)定位到每個(gè)p里面的控件,使用了全局的定義導(dǎo)致了會(huì)一起變化;后來一層層精確定位到了各個(gè)...
這篇文章主要介紹了HTML中兩個(gè)tabs導(dǎo)航?jīng)_突問題的解決方法,需要的朋友參考下吧

先來一個(gè)問題描述吧:

在同一個(gè)頁面,兩個(gè)tabs一個(gè)要float:left,一個(gè)要flaot:right,就產(chǎn)生了沖突;

原因:沒有仔細(xì)定位到每個(gè)p里面的控件,使用了全局的定義導(dǎo)致了會(huì)一起變化;

后來一層層精確定位到了各個(gè)的層,就OK啦.

CSS:

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

總結(jié)

以上所述是小編給大家介紹的HTML中兩個(gè)tabs導(dǎo)航?jīng)_突問題的解決方法,希望對(duì)大家有所幫助!

以上就是HTML中兩個(gè)tabs導(dǎo)航?jīng)_突問題的解決方法的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。