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

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

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

這一部分 設(shè)置一個(gè)父盒子 然后子盒子分別設(shè)置左右浮動(dòng) ，代碼如下：

.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)的效果是下面這樣的：

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

解決辦法：

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

<div class="bannerright"></div>
		<div class="bannerleft">
			<ul>
				<li><a href="#">手機(jī)卡 電話卡</a></li>
				<li><a href="#">電視 盒子</a></li>
				<li><a href="#">筆記本 顯示器 平板</a></li>
				<li><a href="#">家電 插線板</a></li>
				<li><a href="#">出行 穿戴</a></li>
				<li><a href="#">智能 路由器</a></li>
				<li><a href="#">電源 配件</a></li>
				<li><a href="#">健康 兒童</a></li>
				<li><a href="#">耳機(jī) 音箱</a></li>
				<li><a href="#">生活 箱包</a></li>
			</ul>
		</div>

 最后的效果如下所示：

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

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

分享文章：HTML5+CSS怎么解決設(shè)置浮動(dòng)卻沒有動(dòng)反而在中間且錯(cuò)行的問題-創(chuàng)新互聯(lián)
文章地址：http://jinyejixie.com/article18/dcgpdp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、ChatGPT、微信小程序、自適應(yīng)網(wǎng)站、企業(yè)網(wǎng)站制作、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)