盒子大小的設(shè)置
我想把盒子大小設(shè)置為剛好裝下內(nèi)容，將內(nèi)邊距設(shè)置為0，但為什么盒子大小沒(méi)有變化
哈嘍姑娘
2016-03-08
4 回答
舉報(bào)
0/150
提交
取消
2016-03-08
<html>
<head>
? ?<meta charset="UTF-8">
? ?<title>寬度和高度</title>
</head>
<style type="text/css">
ul {
? ?list-style: none;
? ?padding: 0;
? ?margin: 0;
? ?/*塊級(jí)元素默認(rèn)寬度為父級(jí)元素的寬度100%，要想適應(yīng)內(nèi)容大小要么轉(zhuǎn)換為內(nèi)斂元素，要么轉(zhuǎn)換為inline-block元素，而最方便的辦法就是使用float: left;或者position: absolute;二選一即可轉(zhuǎn)換為inline-block元素*/
? ?float: left;
? ?position: absolute;
}
li {
? ?border-bottom: 1px dotted #ccc;
? ?background-color: red;
? ?padding: : 0;
}
</style>
<body>
<ul>
<li>別讓不會(huì)說(shuō)話害了你</li>
<li>二十七八歲就應(yīng)該有的見(jiàn)識(shí)</li>
<li>別讓不好意思害了你</li>
</ul>
</body>
</html>
2016-03-08
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>長(zhǎng)度和高度</title>
<style type="text/css">
ul a{
border-bottom:1px dotted #ccc;
background-color:red;
padding:0px;
width:200px;
}
</style>
</head>
<body style="background:green">
<ul>
? ??
? ? <li><a>別讓不會(huì)說(shuō)話害了你</a></li>
? ? <li><a>二十七八歲就應(yīng)該有的見(jiàn)識(shí)</a></li>
? ? <li><a>別讓不好意思害了你</a></li>
? ?</ul>
</body>
</html>
2016-03-08
寬度默認(rèn)占用父標(biāo)簽的100%
需要用width來(lái)控制 ??
2016-03-08
ul標(biāo)簽是塊狀模塊，默認(rèn)大小是body大小，也就是窗口大小，并沒(méi)有進(jìn)行更改ul大小的操作