真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

HTML5+CSS怎么解決設(shè)置浮動卻沒有動反而在中間且錯行的問題-創(chuàng)新互聯(lián)

小編給大家分享一下HTML5+CSS怎么解決設(shè)置浮動卻沒有動反而在中間且錯行的問題,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),大竹企業(yè)網(wǎng)站建設(shè),大竹品牌網(wǎng)站建設(shè),網(wǎng)站定制,大竹網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,大竹網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

今天按照網(wǎng)上例程寫小米官網(wǎng),結(jié)果發(fā)現(xiàn)

HTML5+CSS怎么解決設(shè)置浮動卻沒有動反而在中間且錯行的問題

這一部分 設(shè)置一個父盒子 然后子盒子分別設(shè)置左右浮動 ,代碼如下:

.banner {
	width: 1226px;
	height: 670px;
	background-color: green;
	margin: 0 auto;
}
.banner .bannerleft {
	float: left;
	width: 234px;
	height: 670px;
	background-color: orange;
}
.bannerright {
	float: right;
	width: 992px;
	height: 670px;
	background-color: pink;
}

結(jié)果出現(xiàn)的效果是下面這樣的:

HTML5+CSS怎么解決設(shè)置浮動卻沒有動反而在中間且錯行的問題

左側(cè)盒子并沒有左浮動,右側(cè)也沒有右浮動。查看源碼則顯示的為0或者很小的數(shù),就是不是自己設(shè)置的數(shù)。

解決辦法:

將H5中左子盒子和右子盒順序顛倒,結(jié)果測試可行,代碼:

  • 手機卡 電話卡
  • 電視 盒子
  • 筆記本 顯示器 平板
  • 家電 插線板
  • 出行 穿戴
  • 智能 路由器
  • 電源 配件
  • 健康 兒童
  • 耳機 音箱
  • 生活 箱包

 最后的效果如下所示:

HTML5+CSS怎么解決設(shè)置浮動卻沒有動反而在中間且錯行的問題

雖說問題解決了 但是并不知道是什么原因,左和右盒子難道不是并列關(guān)系嗎,為什么要換順序才行。

看完了這篇文章,相信你對“HTML5+CSS怎么解決設(shè)置浮動卻沒有動反而在中間且錯行的問題”有了一定的了解,如果想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!


分享題目:HTML5+CSS怎么解決設(shè)置浮動卻沒有動反而在中間且錯行的問題-創(chuàng)新互聯(lián)
網(wǎng)頁鏈接:http://weahome.cn/article/dcgpdp.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部