UC知道CSS中padding的用法
来源：百度知道 编辑：UC知道 时间：2024/06/15 22:08:35
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
a {font-size: 14px;color: #006699;}
a:link{text-decoration: none;}
a:visited {text-decoration: none;color: #006699;}
a:hover {text-decoration: none;background-color:#003399;color: #ffffff;}
a:active {text-decoration: none;background-color:#FFCCFF;color: #66FF33;}
</style>
</head>
<body>
<a href="#" style=" pa
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
a {font-size: 14px;color: #006699;}
a:link{text-decoration: none;}
a:visited {text-decoration: none;color: #006699;}
a:hover {text-decoration: none;background-color:#003399;color: #ffffff;}
a:active {text-decoration: none;background-color:#FFCCFF;color: #66FF33;}
</style>
</head>
<body>
<a href="#" style=" pa
不兼容原因，a标签属于内联标记，不应该给他直接设置padding
应该避免的是，元素需要定义高度和宽度的时候尽量避免设置padding属性而用margin属性代替。
解决方案，
A标签必须属性是行元素display:block;
A标签如果有宽度 高度属性，那么就不能有padding属性，（IE FF解释不一样 所以不能使用。）
A标签如果没有宽度 高度属性 可以使用padding，那么他外层就必须有元素有对应属性固定A标签的宽度和高度。
解决代码一。
css修改：
a {font-size: 14px;color: #006699;}
修改为
a {font-size:14px;color:#006699; display:block; padding:5px; }
新添加一个ID
#all {width:145px; height:122px; }
标签修改
<a href="#" style=" padding:4px;"><img src="photo_106828.jpg" width="135" height="112" border="0" /></a>
修改为
<div id="all"><a href="#"><img src="未命名-2.jpg" width="135" height="112" border="0" /></a></div>
此方式使用padding，所以A标签不能有高度和宽度属性，从新定义一个DIV 封套住A标签，DIV标签设置宽度高度 宽度属性。（值=实际尺寸+padding尺寸）
解决代码二，<