<!DOCTYPE html>
<html>
<head>
<style type="text/css">
*{padding:0;margin:0;}
.fr{float:right;50px;padding:0 20px;margin:50px;}
</style>
</head>
<body>
<div class="fr">
<p>你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好</p>
</div>
</body>
</html>
首先关于这些代码，记录下我自己在写代码遇到的问题，float遇到了padding时会有特殊情况发生，制定了宽度的话，padding不计算到float中，也许有好多人早就遇到了，我才第一次遇到。如果应用背景的话，背景还是会覆盖到padding中的。左右边距不会计算在width中。