问答详情
源自：12-7 长胖长高点--宽度和高度

盒子大小的设置

我想把盒子大小设置为刚好装下内容，将内边距设置为0，但为什么盒子大小没有变化http://img.mukewang.com/56dea8020001f25f09310453.jpg

提问者：哈喽姑娘 2016-03-08 18:23

个回答

  • 水文刀
    2016-03-08 18:50:16
    已采纳 

    <!DOCTYPE html>
    <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>

    
				
    
					
					
						
						0
					
				
    
		
    • 
		
		
  • 
				
    
          

					
    
						
    这个肉肉有点肉
    
						
    2016-03-08 21:46:46
    
					
    

					
				
    

				
    <!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>

    
				
    
					
					
						
						0
					
				
    
		
    • 
		
		
  • 
				
    
          

					
    
						
    AdminiS
    
						
    2016-03-08 18:52:56
    
					
    

					
				
    

				
    宽度默认占用父标签的100%
    需要用width来控制   
    
				
    
					
					
						
						0
					
				
    
		
    • 
		
		
  • 
				
    
          

					
    
						
    任成才
    
						
    2016-03-08 18:39:06
    
					
    

					
				
    

				
    ul标签是块状模块，默认大小是body大小，也就是窗口大小，并没有进行更改ul大小的操作
    
				
    
					
					
						
						0
					
				
    
		
    •