右部分使用floatright设置右浮动7在testhtml文件内 ，使用div创建网页的底部 ，使用clearboth清除上面div的浮动，避免影响底部的布局同时，使用margin0 auto设置div居中 ，同时设置其宽度为800px ，背景颜色为#000fff8在浏览器打开testhtml文件，查看实现的效果 ，这样问题就解决了 。
1 在桌面建立一个indexhtm的文件和maincss的文件 ，当然你也可以不用maincss的文件，但是为了方便操作 ，还是建一个吧只要把记事本另存为就可以了2 做好这两个文件后我们把网页的基础代码写上去 ，并使index文件受到maincss的控制，我们右键选择用记事本打开index文件输入代码 ，并在head里写上lt 。
具体地 ，CSS样式如下myDiv floatleftmarginleft10pxbackground#FFFFFF 这行代码的作用是，选择所有名为myDiv的元素 ，并对其应用一系列样式规则其中 ，floatleft表示这些元素将浮动到页面的左侧marginleft10px则指定了它们与左边框的距离background#FFFFFF则是设置背景颜色为白色。
使用ps切片，切好了保持为 web存储格式 弹出的窗口可以设置保持的类型的，可以设置成div加css的 如下图切好片以后 ，文件保存为web存储文件 ，就会弹出下面的图片点击红框的箭头点击输出设置如下图选择切片，下面就会出来生成css。
本文来自作者[恭喜发财]投稿，不代表华智号立场，如若转载，请注明出处：https://www.bjxhzyykj.cn/miao/9127.html
评论列表（4条）
我是华智号的签约作者“恭喜发财”！
希望本篇文章《用div与css实现网页布局代码(JavaScript与CSS协同工作)》能对你有所帮助！
本站[华智号]内容主要涵盖：华智号,生活百科,小常识,生活小窍门,百科大全,经验网
本文概览：右部分使用floatright设置右浮动7在testhtml文件内，使用div创建网页的底部 ，使用clearboth...