css怎么让盒子固定

html-css021

css怎么让盒子固定,第1张

通过定位属性来实现盒子的固定。position: fixed上述属性和值可以实现盒子的固定,参照物是window,不管页面怎么移动,盒子位置都不会改变。通过top,left等属性来移动盒子的位置,top这些方位的属性值可以是具体的像素也可以是百分比。

<!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=utf-8" />

<title>无标题文档</title>

<style type="text/css">

<!--

*{ margin:0 padding:0}

#wrap{ width:290px height:290px background-color:#CC9

padding:10px 10px}

#div1{ width:100px height:100px background-color:#C3C}

-->

</style>

</head>

<body>

<div id="wrap">

<div id="div1"></div>

</div>

</body>

</html>

大盒子设置内边距 ,代码如上,效果如下: