我是移动网络开发的新手，刚刚开始学习如何使用元素宽度的百分比。
我有一个名为“蓝色”的div。蓝色的宽度为80％（这是我被告知要为移动设备做的事情，因此移动设备的内容永远不会太宽）。在蓝色里面我希望有一个名为“绿色”的div，我希望将每个“绿色”div浮动到电梯并将它们显示为内联并占据“蓝色”的整个宽度。
我是否给出“绿色”div的百分比宽度？如果我可以添加的唯一值是宽度，我将如何保持它们正方形？另外，如果“绿色”div的宽度是百分比，我如何计算边距和填充？
答案 0 :(得分：0)
几乎所有（如果不是全部）尺寸，边距，填充，宽度等都可以在CSS中标记为百分比。如果您有一个DIV跨越80％的页面，您可以通过标记来居中 margin-left：auto; 和 保证金右：自动;对于那个DIV的班级或ID。
对于嵌套的DIV，您再次使用100％的父容器。如果您将您的孩子（绿色）DIV标记为100％，它将填充父（蓝色）DIV，而不是整个页面。您还必须在此编号中包括您的保证金和填充（手动，不幸）。
如果你有两个DIV向左浮动，两者都有50％和1％的边距，你将达到104％，第二个DIV将换到下一个'线'。如果你然后将它们的宽度设为48％来计算保证金，那么你将获得100％的保证金，包括保证金。
答案 1 :(得分：0)
将元素的宽度设置为百分比会使其相对于容器的宽 。因此，如果你在一个外部div中有一个内部div，并且你给内部div宽度为80％而外部div也有80％的宽度，那么内部div将是外部div的80％，或者是页面宽度的64％。
关于填充，边框和边距的注意事项：除元素的CSS宽度外，这些属性还是。因此，如果你的外部div有5％的填充和80％的宽度，它将占用页面宽度的90％。
这是基于经验，可能或可能不完全准确。如果我错了，请纠正我。
.