css如何让元素块根据自身向下,向右同时移动50px?

html-css027

css如何让元素块根据自身向下,向右同时移动50px?,第1张

① 可以使用“相对定位”,position:relative;

② 注意坐标轴的移动方向:

向左移动:当然是正数->left:50px

向下移动:当然是正数->top:50px;

(这样记:既然要向下移动,当然是要远离top顶部了,自然top的属性值要正数

既然要向右移动,就是远离左边了,left属性值自然要为正数!!!)

1、新建html文件。

2、创建两个div,并赋予id。

3、为两个div设置宽高和背景,并设置左右浮动。

4、预览效果如图。

5、创建第三个div。

6、为第三个div设置宽高和背景。

7、预览效果如图。

注意事项:

随着HTML的成长,为了满足页面设计者的要求,HTML添加了很多显示功能。但是随着这些功能的增加,HTML变的越来越杂乱,而且HTML页面也越来越臃肿。于是CSS便诞生了。

这个很简单啊,你将menu这个id 的 li 定义下平移的单位就好了;#menu3 li{ margin-left:20px margin-bottom:20px list-style-type:none}

//你不是要向右平移嘛,那就让它与左侧边框(层)拉开间距就好了。