在Html中的长度单位 px和%的区别是什么

px就是一个单位，指定固定值。

% 是相对的，比如父容器宽度为100px的话，如果它里面标签定义了宽度为50%，那么这个标签的宽度折算就是50px，当前单位不止px，其实px跟%没有什么联系

你好！在html中你所提到的是px和%，px意思是像素，%意思是百分比。按我个人的经验，我就以个人的语言来描述一下其中的区别。

px像素是你以点为计算，也就是说它是一个固定的值；%百分比是比例来计算，是根据显示器分辨率不同或浏览器大小来显示内容的。

我举个例子，就以最简单的div设置的宽来叙述区分，高均为100px：

像素例子在浏览器当中显示宽为100px：

<div style="width:100px height:100px background:#999"></div>

无论你的浏览器有多大，它还是这样的方框大小，请看下面演示：

百分比例子也是一样用显示宽100%来：

<div style="width:100% height:100px background:#999"></div>

无论你的浏览器有多大，它还是这样的方框的宽度会随着浏览器的大小而产生变化，请看下面演示：

通过以上的例子你是否已经明白了px像素和%百分比的区别了呢。

希望我的回答能令你满意！

两者是可以混用的，只要不要混淆它们的意思就行。

width="80%" 是针对它父容器宽度的百分之80，而width="80"是宽度就是80px（像素）。

补充：

按百分比来规定宽度是相对于其父容器的宽度，比如一个大的表格（宽度200px）中里建立一个小表格，如果写width="80%"，那这个小表格的宽度就为160px，如果写的width="80"

那这个小表格的宽度就是80px。

---