欢迎来到HELLO素材网! 南京网站制作选择顺炫科技
丰富的DIV CSS模版、JS,jQuery特效免费提供下载
当前位置:主页 > 建站教程 > DIVCSS教程 >

CSS的divfloat问题

发表于2017-11-24 12:21| 次阅读| 来源网络整理| 作者session

摘要:CSS的divfloat问题 创建了3个div1-3.. 3个都设置 float:left 排列为“div1,div2,div3”有什么方法能使它改变顺序,比如我想得到

d韩义jb40

采纳率:56%12级2013.04.20

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<title>test</title>
<style type="text/css">
#div1,#div2,#div3{float:left;width:100px;height:20px;background:#ccc;margin-left:10px;}
</style>
<script type="text/javascript">
function changeList() {
var div1 = document.getElementById("div1");
var div2 = document.getElementById("div2");
var div3 = document.getElementById("div3");
div2.parentNode.insertBefore(div1);
div1.parentNode.insertBefore(div3);
}
window.onload = function () {
changeList();
}
</script>
</head>

<body>
<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>
</body>
</html>

送给回答者一份礼物送香吻 赠言:好帅的回答,楼主送上香吻一枚,以表诚挚谢意!

用微信扫描二维码
分享至好友和朋友圈