九乡新闻网英雄联盟md战队成员:关于页面模块定位的几种办法--天涯海角
来源：百度文库 编辑：九乡新闻网 时间：2024/04/26 07:24:25
（作者：HEHE）有关博客首页模块的定位问题，我也没有太深入的研究，只是把自己的想法说一下，如果说法有误，还请博友指出。
如果您有兴趣的话，可以自己试一下。我不是所有的模块都移动试过，但是自己总结了一下定位的经验。
我依次说明说明首页模块的代号，如下所示：
一、看见 三、看见 ，就是说如果不对功能框架里面的模块重新定位的话，功能框架里的所有模块都会和左边框架的显示方位一致，即左边框架在左显示，功能框架就在左边显示；反之亦然。 而且排列是按照博客默认设置的顺序，比如：关于作者、日历、快速登录等依次显示（如果你不隐藏的话）。 四、然后我把功能框架里的这些模块依次说明一下。 可见，我们选择一个没有修改的模版时，功能框架里的模块就会按照如上顺序显示。而且可以通过在首页CSS添加display:none;来隐藏这些模块。比如div#myPhoto{display:none;} 但是如果对上述模块进行重新定位，就会移动这些模块。 对代码的说明： 这样，可以对所有这些模块重新定位。但是，如果我们要对文本书签里面的子模块定位，就不能按照上面的方法定义，因为那样做会使整个文本书签的模块一起移动。 然后再在首页CSS里加入 就可以单独移动子模块了，高宽度再根据你的模版进行设定。 五、看见 要有： 因此，可以按照与上面相同的方法，对这些模块进行修改和定位了。 六、看见
二、看见
1、
2、
3、
4、
5、
6、
7、
8、
9、
10、
定位的代码一般为，找到id后面的英文名称，然后在首页CSS里进行定义，以日历为例：
div#calendar{
position:absolute;
width:200px;
top:250px;
left:700px;
}
position:absolute;表示绝对位置，我一般都是这样设。
width表示模块的宽度。
top表示离页面顶端的距离。
left表示离页面左端的距离。
因此，我们可以在文本书签的描述里添加一些代码定义，就可以单独实现文本书签的子模块的重新定位.
比如要移动时钟的子模块，这时我们不能新建一个名为“时钟”的文本书签，而是在已经建好的、并不准备移动的文本书签的描述里再添加如下一段代码：时钟
这里添加个性化时钟代码
div#clock{
position:absolute;
width:200px;
top:500px;
left:700px;
}
这个clock可以自己任意取名，不过在两段代码里要保持名字一致就行了。
1、
3、
（1）
（2）
比如
div#blogImg{
position:absolute;
width:200px;
top:250px;
left:200px;
}