新建html文件。创建两个div，并赋予id。为两个div设置宽高和背景，并设置左右浮动。预览效果如图。创建第三个div。为第三个div设置宽高和背景。预览效果如图。
成都网络公司-成都网站建设公司创新互联十多年经验成就非凡，专业从事成都网站制作、成都做网站、外贸营销网站建设，成都网页设计，成都网页制作，软文发稿，1元广告等。十多年来已成功提供全面的成都网站建设方案，打造行业特色的成都网站建设案例，建站热线：18982081108，我们期待您的来电！
你的代码里面只有位置移动的top，left。没有写旋转的代码。在动画帧时加入rotate(角度)就可以旋转并移动，可以参考下面代码。
左右移动？你说自动移动还是你触发后移动？你把p元素单独放在div里，在js里获取这个div，修改left和top就能实现它的位移。
本篇文章给大家带来的内容是关于如何使用纯CSS实现一只移动的小白兔动画效果，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
1、在html中定位一个元素的位置并且实现向左移动50像素的方式是借助css中的margin来实现。基本用法是margin属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。
2、要是读取时就移动，直接把页面定义在一个div内，然后控制div的css的left或margin或padding属性比原来少20个像素就行；要是带动画的话，得用页面的整体宽度-主div的left值，还要加上个触发器，这个得有绝对定位才行。
3、left：-380px表示元素相对于父元素左边框的偏移量为380像素。CSS中的left属性用于设置元素相对于父元素左边框的偏移量，负值表示元素向左移动，正值表示元素向右移动。
4、用JS，获取图层宽，获取背景图宽，...加减法 你懂得 [/楼主PS：我都说了要CSS控制]用两个层div1包含div2，div2离div1右侧10px，div2背景右对齐。
5、position：relative；top：20px；left：20px；position 属性规定元素的定位类型。relative 生成相对定位的元素，相对于其正常位置进行定位。因此，left：20px 会向元素的 left 位置添加 20 像素。
1、padding 是文字距离边框的内边距，顺序是上右下左，这句话相当于：padding-top：3px；padding-right：7px；padding-bottom：2px；padding-left：7px；是简写，很方便。
2、padding ： length 参数：length ： 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。请参阅长度单位 说明：检索或设置对象四边的补丁边距。
3、CSS中padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。
4、Padding位于对象（边框）以内，或这样说padding样式是位于对象内的内容区域与边框之间。
5、css padding属性定义及用法在css中，padding属性是一个简写属性，用来设置所有内边距属性（填充），将上边距属性、右边距属性、下边距属性、左边距属性定义在同一个声明中。
1、如果要显示为居中的话，可以设置padding-left和padding-right值。。
2、可以为盒子添加“text-align： center；”样式使图片在盒子中居中。
3、刚好css3有了object-fit属性下面来说一下各个属性值object-fit： cover；这个属性值在移动端是用得最多的一个。
4、单独文字垂直居中只需要设置CSS样式line-height属性即可。文字与图片同排，在设置div高度同时再对此css样式的图片“img”样式设置vertical-align：middle垂直居中属性，如.yangshi img{vertical-align：middle；} 。
5、在可视区域内居中想要使内容区在可视区域内居中么？设置position： fixed样式，并设置一个较高的z-index值，就可以做到。
6、css设置图片距离可以用盒子模型的margin属性。
