HTML中2個(gè)tabs導(dǎo)航?jīng)_突問題的處理方法
發(fā)表時(shí)間:2023-08-31 來源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]這篇文章主要介紹了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)站。