css宽度几分之几 |css visibility

.example {
width: 1/2;
/* 宽度为父元素宽度的一半 */
}
.another-example {
width: 1/3;
/* 宽度为父元素宽度的1/3 */
}

这种方式可以更灵活地控制元素的宽度，在响应式设计中也非常有用。比如，在移动端需要将元素的宽度调整为屏幕宽度的一半，可以这样写：

@media (max-width: 767px) {
.example {
width: 1/2;
}
}

这样，当屏幕宽度小于等于767px时，元素的宽度就会自动调整为屏幕宽度的一半。

除了使用几分之几来定义宽度，还可以使用calc函数来进行复杂的计算。比如，大家可以这样计算一个元素的宽度：

.example {
width: calc(50% - 20px);
/* 宽度为父元素宽度的一半，减去20像素 */
}

这种方式同样非常灵活，可以满足各种复杂的布局需求。