第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

給一組div設(shè)置浮動但是最后一個div再調(diào)用后臺數(shù)據(jù)之后會向下偏移20px左右

給一組div設(shè)置浮動但是最后一個div再調(diào)用后臺數(shù)據(jù)之后會向下偏移20px左右

control123 2017-06-04 02:19:52
上面是html代碼 ?下面是css代碼,在這里我將man_list設(shè)置浮動等樣式,在靜態(tài)文件中顯示都是正常的,但是通過后臺調(diào)用數(shù)據(jù)后每行的最后一個div就會向下偏移20px左右?<div id="man_info"> <div class="man_wrapper clearfix"> <div class="man_list"> <a href="#"><img src="images/index/man.png" /></a> <div class="man_zl"> <p class="bh">會員編號:878654</p> <p class="dz">澳大利亞<span class="man_age">44歲</span></p> </div> </div> <div class="man_list"> <a href="#"><img src="images/index/man.png" /></a> <div class="man_zl"> <p class="bh">會員編號:878654</p> <p class="dz">澳大利亞<span class="man_age">44歲</span></p> </div> </div> <div class="man_list"> <a href="#"><img src="images/index/man.png" /></a> <div class="man_zl"> <p class="bh">會員編號:878654</p> <p class="dz">澳大利亞<span class="man_age">44歲</span></p> </div> </div> <div class="man_list"> <a href="#"><img src="images/index/man.png" /></a> <div class="man_zl"> <p class="bh">會員編號:878654</p> <p class="dz">澳大利亞<span class="man_age">44歲</span></p> </div> </div> <div class="man_list"> <a href="#"><img src="images/index/man.png" /></a> <div class="man_zl"> <p class="bh">會員編號:878654</p> <p class="dz">澳大利亞<span class="man_age">44歲</span></p> </div> </div> <div class="man_list"> <a href="#"><img src="images/index/man.png" /></a> <div class="man_zl"> <p class="bh">會員編號:878654</p> <p class="dz">澳大利亞<span class="man_age">44歲</span></p> </div> </div> <div class="man_list"> <a href="#"><img src="images/index/man.png" /></a> <div class="man_zl"> <p class="bh">會員編號:878654</p> <p class="dz">澳大利亞<span class="man_age">44歲</span></p> </div> </div> <div class="man_list"> <a href="#"><img src="images/index/man.png" /></a> <div class="man_zl"> <p class="bh">會員編號:878654</p> <p class="dz">澳大利亞<span class="man_age">44歲</span></p> </div> </div> <div class="man_list"> <a href="#"><img src="images/index/man.png" /></a> <div class="man_zl"> <p class="bh">會員編號:878654</p> <p class="dz">澳大利亞<span class="man_age">44歲</span></p> </div> </div> <div class="man_list"> <a href="#"><img src="images/index/man.png" /></a> <div class="man_zl"> <p class="bh">會員編號:878654</p> <p class="dz">澳大利亞<span class="man_age">44歲</span></p> </div> </div> <div class="man_list"> <a href="#"><img src="images/index/man.png" /></a> <div class="man_zl"> <p class="bh">會員編號:878654</p> <p class="dz">澳大利亞<span class="man_age">44歲</span></p> </div> </div> <div class="man_list"> <a href="#"><img src="images/index/man.png" /></a> <div class="man_zl"> <p class="bh">會員編號:878654</p> <p class="dz">澳大利亞<span class="man_age">44歲</span></p> </div> </div> </div> </div> </div>css代碼#man,#man_info,.man_search{width: 100%;}.man_search .index_wrapper{height: 38px;background-color: #000033;margin-top: 24px;margin-bottom: 20px;}.man_form {margin-left: 62px;position: relative;}.man_form span{color: #fff;line-height:38px;}.man_form select{width: 92px;height: 22px;border: 1px solid #686876;line-height: 22px;font-size: 12px;padding-left: 12px;color: #808080;margin-right: 20px;}#man_btn{width: 70px;height: 22px;background-color: #FF0078;border: #B99AAF solid 1px; position: absolute;top:9px;right:40px;color: #fff;line-height: 20px;}.man_wrapper{width: 1109px;margin: 0 auto;padding-left: 9px;}.man_list{width: 176px;height: 240px;float: left;margin-right: 8.8px;position: relative;margin-bottom: 10px;}.man_list img{width: 176px;height: 240px;}.man_list a {width: 176px;height: 240px;display: inline-block;}/*修改*/.man_zl{font-size: 12px;line-height: 20px;padding-left: 14px;position: absolute;bottom: 0; color: #fff;z-index: 3;display: none;background-color: rgba(0,0,0,0.4);width: 162px;height: 240px;}.man_age{margin-left: 70px;display: inline-block;}/*增加*/.bh{margin-top: 190px;}
查看完整描述

1 回答

?
慕桂英8226859

TA貢獻(xiàn)1條經(jīng)驗 獲得超0個贊

內(nèi)容把div寬度撐大了,就把最后一個擠下來了

查看完整回答
反對 回復(fù) 2017-06-04
  • 1 回答
  • 0 關(guān)注
  • 1409 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號