盒子大小的設置
我想把盒子大小設置為剛好裝下內容，將內邊距設置為0，但為什么盒子大小沒有變化
哈嘍姑娘
2016-03-08
4 回答
舉報
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;
? ?/*塊級元素默認寬度為父級元素的寬度100%，要想適應內容大小要么轉換為內斂元素，要么轉換為inline-block元素，而最方便的辦法就是使用float: left;或者position: absolute;二選一即可轉換為inline-block元素*/
? ?float: left;
? ?position: absolute;
}
li {
? ?border-bottom: 1px dotted #ccc;
? ?background-color: red;
? ?padding: : 0;
}
</style>
<body>
<ul>
<li>別讓不會說話害了你</li>
<li>二十七八歲就應該有的見識</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>長度和高度</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>別讓不會說話害了你</a></li>
? ? <li><a>二十七八歲就應該有的見識</a></li>
? ? <li><a>別讓不好意思害了你</a></li>
? ?</ul>
</body>
</html>
2016-03-08
寬度默認占用父標簽的100%
需要用width來控制 ??
2016-03-08
ul標簽是塊狀模塊，默認大小是body大小，也就是窗口大小，并沒有進行更改ul大小的操作