用css样式设计标签滑动效果（现左右后上下），具体问题如下？

html-css025

用css样式设计标签滑动效果（现左右后上下），具体问题如下？,第1张

下拉菜单嘛。

关键点在于

li .drop {display:none}

li:hover .drop {display:block}

至于纵横向的显示，对li设置相对定位，弹出来的菜单drop设置绝对定位，用left和top就可以控制显示的位置了

1、首先找到一款html编辑器，如：打开DW软件，ctrl+n创建一个html文件，如题：使图片靠右，与文字不在同一行，找到一张图片，并且设置图片居右，文字另起一行写入：如下

详解：图片img设置的float:right靠右浮动，p标签在其下面，所以要加个清楚浮动的效果；样式中定义了clear也可以写成：<div class="clear"></div>效果是一样的；

图片靠右浮动，文字另起一行展示主要css属性用于：clear:both清除左右浮动，both换成left:清除左浮动，right是清除右浮动；不添加就会在底层展示；看着是在同一行实则不然，他们在两个层里展示的；

2、页面展示效果：如下

定义如下样式，然后给这个图片加应用上下面的样式

.fiexd{

position: fixed/*固定位置不动*/

right: 10px/*距离右侧10像素*/

bottom: 10px/*距离底部10像素*/

}