css设置div上下浮动,css向下浮动
CSS div浮动
这个是典型的分辨率兼容。 是有这种判断的。我当初有个页面是这样的做的。
body
style
.main{width:100%; min-width:1000px;background:#000; height:120px;}
/style
center
div class="main"/div
/center
/body
这样就保证最小宽度是1000不会因为网页还原了就出现布局错乱。 1000的宽度,基本上所有的屏幕都能接受。 如果是分辨率大的。就可以自动控制宽度。
你所说的那个不可能实现。大div是父容器,父容器的宽度不定,要求子容器的宽度变化。根本不可能啊。
CSS让div悬浮
.tl {
width: 240px;
height: 193px;
position: absolute;/*这里一定要设置*/
z-index: 999999;/*这里是该元素与显示屏的距离,据说越大越好,因为没有它也是可以的*/
margin-top: 20%;
margin-left: -209px;
background-image :url("/ship_three/images/tl.png");
-webkit-transition: .5s ease-in-out;/* css的transition允许css的属性值在一定的时间内从一个状态平滑的过渡到另一个状态 */
-moz-transition: .5s ease-in-out;/*这里为了兼容其他浏览器*/
-o-transition: .5s ease-in-out;
background-image: url("/ship_three/images/tl.png");
}
可以,没问题CSS代码就是上面的。
扩展资料:
div中style使用css代码
div中可以直接写CSS样式代码,只需要DIV代码(标签)中使用style属性即可直接写CSS样式。
DIV代码:
div?style="color:#F00;border:1px?solid?#000;width:300px;height:100px"你好?DIVCSS5/div?
完整案例代码与效果截图:
完整HTML案例代码
!DOCTYPE?html
html
head
meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/
titleDIV直接写CSS?DIVCSS5案例/title
/head
body
div?style="color:#F00;border:1px?solid?#000;width:300px;height:100px"你好?DIVCSS5/div
/body
/html
div标签内常用属性列表
1、style 设置css样式(扩展了解style标签)
2、align 设置div盒子内的内容居中、居左、居右
3、id?引人外部对应#(井号)选择符号样式
4、class?引人外部对应.(句号)选择符号样式
5、title 设置div(标题)鼠标经过时显示文字(扩展了解?title标签)
参考资料来源:DIV-百度百科
网页制作中怎样将div的位置下移
1、想让div下移,使用position属性就可以调整,具体方法首先打开编辑器,新建一个html文件,写入基本的html结构,这里设置两个div,分别给它们的class属性命名为parent和child,并给parent和child的div设置好宽度和高度和不同的颜色:
2、此时打开浏览器,可以看到黄色的child在绿色的parent的div中间:
3、接着给child属性加入position属性设置为absolute,其中top、left、bottom、right四个值代表上、左、下、右的位置,这里只设置top的属性就可以下移了,其他设置为0:
4、再次打开浏览器,就会发现child下移了。以上就是网页制作中将div的位置下移的具体操作方法:
DW怎么设置两个DIV上下排列
1、我先做的是插入两个div标签,点击【插入】,找到【布局对象】—【Div标签】。
2、先创建第一个长宽均为200px的div标签,类命名为“1”。
3、在创建第二个长宽均为200px的div标签,类命名为“2”。
4、这时候可以看到两个div标签的状态是上下并排。
5、然后再双击右边的CSS样式窗口内其中一个标签的CSS。
6、在div标签的CSS窗口中分类选项中,找到【方框】,设置Float为left,即向左浮动。
7、最后完成就完成了并排。