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

為了賬號安全，請及時綁定郵箱和手機立即綁定

第一個例子設(shè)置margin-right無效

第一個例子里給ul設(shè)置margin-right反而下面的空襲沒有了，列表往上移動了，右邊的空隙也沒有消除，為什么

正在回答

6 回答

<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<title>margin負(fù)值的運用-平鋪</title>
</head>
<body>
??<div?class="box">
??????<div?class="ul">
??????????<div?class="li">列表1</div>
??????????<div?class="li">列表2</div>
??????????<div?class="li">列表3</div>
??????</div>
??</div>
</body>
<style>
??.box?{
??????width:?900px;
??????margin:?auto;
??????background:?brown;
??}
??.ul?{
??????overflow:?hidden;
??????margin-right:?-60px;
??}
??.li?{
??????width:?300px;
??????height:?300px;
??????background:?aqua;
??????float:?left;
??????margin-right:?20px;
??}
</style>
</html>

可以的代碼



0 回復(fù) 有任何疑惑可以回復(fù)我~ 
<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<title>margin負(fù)值的運用-平鋪</title>
</head>
<body>
??<div?class="box">
??????<div?class="ul">
??????????<div?class="li">列表1</div>
??????????<div?class="li">列表2</div>
??????????<div?class="li">列表3</div>
??????</div>
??</div>
</body>
<style>
??.box?{
??????width:?900px;
??????margin:?auto;
??????background:?brown;
??}
??.ul?{
??????overflow:?hidden;
??????margin-right:?-60px;
??}
??.li?{
??????width:?300px;
??????height:?300px;
??????background:?aqua;
??????float:?left;
??????margin-right:?20px;
??}
</style>
</html>


0 回復(fù) 有任何疑惑可以回復(fù)我~ 
<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>Document</title>
<style?type="text/css">
*{
margin:0;
padding:?0;
}
ul,li{
list-style:?none;
}
#box{
width:?1200px;
margin:auto;
background:?orange;

}
#ul{
overflow:?hidden;
margin-right:?-20px;

}
#li{
width:?386.66px;
height:?300px;
margin-right:?20px;
background:?green;
float:?left;
}
#bk{
background:?gray;
width:?1200px;
height:?20px;
margin:?0?auto;
}
</style>
</head>
<body>
<div?id="bk"></div>
<div?id="box">
<div?id="ul">
<div?id="li">列表1</div>
<div?id="li">列表1</div>
<div?id="li">列表1</div>
</div>
</div>

</body>
</html>

自己試下吧，我寫的沒問題啊

0 回復(fù) 有任何疑惑可以回復(fù)我~

li的px不應(yīng)該是380嗎？哪來的386.66？而且設(shè)置margin-left沒用?。?/p>

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

破舊的時光機3662066

1200-40=1160/3=386.66
2017-10-06 回復(fù) 有任何疑惑可以回復(fù)我~

我的也是，是不是這個方法根本就行不通，還是我們的代碼有問題，

0 回復(fù) 有任何疑惑可以回復(fù)我~

原來是li的寬度設(shè)置小，寬度之和加起來必須與box的寬度相同才有效果，否則會導(dǎo)致錯位

0 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150
提交
取消

第一個例子設(shè)置margin-right無效

我要回答 關(guān)注問題
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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