css3 宽度百分比减去固定宽度 无效问题
时间: 2023-11-24 15:07:26 浏览: 33
可能是因为你设置了盒模型的不同属性导致的。CSS3中有两种盒模型:content-box和border-box。默认的是content-box,即元素的宽度只包括内容,不包括边框和内边距。如果你想要元素的宽度包括边框和内边距,可以将盒模型设置为border-box。例如:
```
box-sizing: border-box;
width: 50%;
padding: 10px;
border: 1px solid #000;
```
这样设置后,元素的宽度就是父容器宽度的50%减去10px的内边距和2px的边框宽度。如果你没有设置盒模型属性,可能会导致宽度计算错误。