怎样在li中设置两个span标记左右浮动？

两种方法,一个是右浮的写在前面,定义右浮动\x0d\x0a\x0d\x0a另一个是按顺序写,左边的定义左浮动,右边的定义右浮动,但这样外盒的高度要给定一下,要不容易出问题\x0d\x0a\x0d\x0a-//W3C//DTDHTML4.0Transitional//EN">\x0d\x0a\x0d\x0a\x0d\x0aNewDocument\x0d\x0a\x0d\x0a.top{\x0d\x0awidth:400pxborder:1pxsolidgrayline-height:2em\x0d\x0a}\x0d\x0a.left{\x0d\x0afloat:left\x0d\x0adisplay:inline\x0d\x0a}\x0d\x0a.right{\x0d\x0afloat:right\x0d\x0adisplay:inline\x0d\x0a}\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a右浮动:右边内容写在左边左边内容写在右边\x0d\x0a左右浮动:左边内容写在左边右边内容写在右边\x0d\x0a\x0d\x0a

使用缩放工具条。缩放工具条：用户可点击缩放工具条上的按钮进行放大缩小显示地图、上下左右移动地图。奥维地图电脑版左右上下浮动可以使用缩放工具条。奥维互动地图浏览是一款专业的地图信息查看软件，这款软件集成了多种知名网站，结合卫星图以及定位系统进行3D建模。

网页布局的三种方式：

一、标准文档流

1、从上到下从左到右（块级元素【div，ul，li，dl，dt，p】和行级元素【上盘，img，strong，input】）。

2、盒子模型

盒子模型属性：边框border，内边距padding【（上，右，下，左）（上，左右，下）（上下，左右）】，外边距margin【（上，右，下，左）（上，左右，下）（上下，左右）】。

3、盒子3d模型

盒子3d模型层级有border；content+padding；background-img；background-color；margin。

4、盒子模型尺寸等于边框＋外边距＋内边距＋盒子中间内容尺寸。

二、浮动float

float：left，right，none。

清除浮动：

1、clear：both；（一般用于紧邻后面的元素清除浮动）。

2、同时设置width：1000%（固定宽度）＋overflow：hidden。

注：当父包含快缩成一条时，用clear：both方法无效；一般用清除浮动的第二种方法。

三、绝对定位

1、静态定位，2、相对定位，3、绝对定位。

网页布局方式还有：

1、一列布局

一般都是固定的宽高，设置margin : 0 auto来水平居中，用于界面显著标题的展示等。

2、两列布局

说起两列布局，最常见的就是使用float来实现。float浮动布局的缺点是浮动后会造成文本环绕等效果，以及需要及时清除浮动。

设置左左浮动，或设置左右浮动。（这是需要确定父级元素的宽度）

3、三列布局

两侧定宽中间自适应。首先设置父级元素的宽度，可以左左右设置浮动。然后中间设置margin调整间距。也可以都设置成左浮动，设置margin，调整间距。同样注意清除浮动的影响。

---