div控件的相关介绍

  第一次用Ajax技术来做一个简单的网站，登陆页面使用的是form，div，input三种元素来布局，希望的效果是一个带图片的div显示在距form元素左边框的约20%（form的width）的距离处，经过查看资料，了解到：

1.html中元素可分为内联元素（inline element）和块元素（block element）；

  a）块元素（block element），一般是其他元素的容器元素，块元素一般都从新行开始，他可以容纳内联元素和其他块元素；form元素和地v都是块元素；

  b）内联元素（inline element）一般都是基于语言级的基本元素（这点我也不太懂），内联元素只能容纳文本或者其他内联元素；它可以几个元素同在一行；input元素便是内联元素；

2.而使用了css的网页在使用div时，则不需要考虑这些，因为它可以通过div中style属性的display来修改div的元素类型；

3.div块的定位是需要知道“盒子模型”，盒子模型如下：

margin指的是一div距其相邻容器的距离（外边距），而padding指的是其与其内部元素的距离（内边距），border指的其本身的边框的大小；所以对div的定位需要灵活的运用padding-left|right|top|bottom及margin-top|right|bottom|left；