设置div浮动(怎么让div向上浮动)

1. 怎么让div向上浮动

1、我们先做的是插入两个div标签，点击【插入】，找到【布局对象】—【Div标签】。

2、先创建第一个长宽均为200px的div标签，类命名为“1”。

3、再先创建第二个长宽均为200px的div标签，类命名为“2”。

4、我们可以看到两个div标签的状态是上下并排。

5、然后再双击右边的CSS样式窗口内其中一个标签的CSS。

6、在div标签的CSS窗口中分类选项中，找到【方框】，设置Float为left，即向左浮动。

7、最后完成左右并排。

2. 如何让浮动的div居中

第一种方式：设置body 居中。在CSS中的代码是（body{text-align:center;}）第二种方式：用盒子模型，首先设置一个Div ，这个DIV的宽度为100%，然后在这个DIV居中，那么在这个DIV中加的内容就居中显示，代码如下：<div ><div ></div></div>CSS 样式代码：<style type="text/css">.div1{text-align:center;width:100%;}.div2{width:980px;background:red;} //为了看清效果，加了背景颜色</style>第三种方式：margin：0 auto；

通常的方法为：先设置div的宽度，然后使用如下样式：

1margin: 10px auto; /* 上下边距10px，左右边距自动以达到左右居中的目的*/

以下为示例：

HTML代码中给出div

123 <div > <div ></div></div>

添加样式

1234567 /*外层边框*/div.outer{width:200px;height:150px;border:1px solid green;}div.content{ width:100px;height:50px; /*设置大小*/ margin:20px auto; /*设置左右边距自动以使其居中*/ border:1px solid red;}

显示效果

3. div怎么向下浮动

浮动只有left和right。如果想让元素在右下角，可以用绝对定位position: absolute;bottom: 0px;right: 0px;如果想让元素在窗口右下角，请用fixed定位position: fixed;bottom: 0px;right: 0px;

4. html怎么向上浮动

1、使用css中的flaot属性就可以了，首先打开Dreamweaver，创建html文件：

2、然后先给页面设置背景颜色，创建段落两个段落，段落上面设置2张图片的float属性，分别让它们左右浮动，值为left和right，最后打开浏览器：

3、打开浏览器后即可看到效果，两张图片分别浮动在文本的左右两边，文字则是围绕在图片周围

5. css设置div上下浮动

在HTML中让两个div并排显示，通常情况下有三种实现方式，包括:（1）设置为行内样式，display:inline-block（3）设置position定位属性为absolute以下为三种方式的具体实现代码：1、设置每个div的展现属性为行内样式，示例代码为：

div1

div2

div1

div2

3、设置position定位属性为absolute, 示例代码为：div1

div2

css清除浮动方法（1）添加新的元素、应用 clear：both.clear {height: 0;height: 0;overflow: hidden;}（2）父级div定义 overflow: autooverflow: auto;zoom: 1; //处理兼容性问题}（3）伪类 :after 方法 outer是父div的样式.outer { zoom:1; } /*==for IE6/7 Maxthon2==*/.outer :after {clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden; }

6. div怎么做浮动

1、使用css中的flaot属性就可以了，首先打开Dreamweaver，创建html文件：

2、然后先给页面设置背景颜色，创建段落两个段落，段落上面设置2张图片的float属性，分别让它们左右浮动，值为left和right，最后打开浏览器：

3、打开浏览器后即可看到效果，两张图片分别浮动在文本的左右两边，文字则是围绕在图片周围.。以上就是在html中让图片浮动的方法：

7. 设置div向左浮动

浮动什么意思呢，比如，默认的，我们知道，div是占满一行的，现在我们想把两个div显示在一行上，那怎么办呢

这样我们就设置了两个div，一个宽度100px,一个宽150px,可预览一下，我们的div仍在两行上，那么怎么把它改到一行上呢，这儿就需要float，设置第一个div的float为left

再预览，就可以看到，它们到一行上了。

clear是什么意思呢，clear是清除的意思，它有三个值，left,right,both

很好理解，如果设置了clear:left，它就不怕它的左边有float，同理clear:right,clear:both，是左右都不让有float

举个例子，还是上面的

我们设置第二个div的clear:left,也就是不让它左边有float

我们预览一下，就可以看到，尽管第一个div已经float:left了，这两个div仍然在两行上，就是由于第二个div不让它左边有float

因为css的定义是后面的可以覆盖前面的，明白了吧

8. css 怎么向上浮动

要实现html文字浮动效果光靠HTML 是不够的还要加上CSS组合一起才行。

要用div float

float语法：

float : none | left |right

float 的基本属性

none：不进行浮动（默认）

left：浮动在其所在的块容器左侧

right：浮动在其所在的块容器右侧

html代码

<!doctype html>

<html>

<head>

<style>

/*设定div 的盒子大小*/

div

{

width:120px;

margin:0 0 25px 30px;

padding:15px;

border:1px solid black;

text-align:center;

}

/* 设定盒子在右边浮动*/

.float-right {

float:right;

}

</style>

</head>

<body>

<div >盒子浮动在右边 2</div>

</body>

</html>

9. 怎么使div浮动在指定位置

一种是楼上说的冒泡事件，另一种是直接从布局上改变两个div的从属关系。如

　　这种点击里面的div，那么父级由于事件冒泡也会同时响应事件，所以如果需要阻止事件传递最简单的办法如修改内部div为

，return false会阻止事件的继续冒泡传递。而

上面的

下面的地图

这种，上面的div的冒泡不会影响到下面的地图。

因为你的描术不太清楚也没示例代码，所以也没法儿具体回答，不过上面的答案应该能给你些思路。

10. 怎么让div浮起来

用定位最好不过了，外层div加入：position:relative;列表加入：position:absolute;然后用left或right，top或bottom控制列表的位置，如：left:10px;top:10px;意思就是相对外部div的左边10像素，上边10像素！

11. div 靠右浮动

浮动和清除浮动一般用在DIV+CSS布局时,通常情况下使用DIV+CSS布局,文档中的对象都是从上自下依次排列,比如你写<div id="a"></div><div id="b"></div>那么默认情况下id为b 的div 排在 a的下方,我们称这种布局为标准流,设置浮动后对象就脱离了标准流,就像水面上的漂浮物一样,不再严格的按照标准流排列。浮动的取值如下:left:对象浮在左边 right:对象浮在右边 clear 清楚左,,右浮动。。。例如下面的代码:<div id="container" > <div id="left"></div> <div id="right“></div> <div id="bottom></div></div>此时left right bottom 3个div 是从上到下排列,如果我们给left 添加一个浮动属性 float:left,那么3个div会从左到右排列,这是因为left 的浮动也会影响到后面的对象,如果我们给bottom 添加一句clear:both,那么bottom就不会再排在right的右边了,这是因为我们用clear:both清除了前面浮动对象对bottom的影响