如何用DIV+CSS让导航的背景自适应浏览器宽度。见图片。
写样式用.pingmu{}开始写，给它固定宽高，再添加背景色，让p自适应宽高，超过部分显示滚动条。将这个css样式保存到同级目录下，如ceshi.html在c盘，css样式也保存在c盘。
方法一：把a标签的代码显示为一行，然后再html页面刷新浏览器查看效果，发现a标签之间的间距不见了。
第一步，创建或打开Web项目，新建html文件以及CSS文件，见下图，转到下面的步骤。第二步，执行完上面的操作之后，图中显示了HTML页面代码，定义div并给出id属性等级，见下图，转到下面的步骤。
css2中是无法控制背景图片大小的，如果想实现这种效果，只能是更改图片了。css3中可以通过background-size来控制图片的大小。
div如何自适应屏幕div自适应屏幕宽度
输入位置：固定；top：0；左：0；将整个div固定在屏幕的顶部和左侧。输入宽度：100%；身高：100%；最小宽度：1000像素；这个可以适合div的高度和宽度，而min-width是在屏幕宽度在1000px以内的情况下，保持div的大小不变。
当屏幕宽度小于768px（手机）时，将图片换为小图，并在div里生成img标签，img的宽高随窗口变化而变化，包裹img的div也随之变化 打开代码编辑器。html代码的编写。css代码的编写。js的代码编写。
auto翻译为自动的意思，html中应用的最多的就是居中， 当div设定了宽度之后， 加上margin：0 auto；属性， 便可以让div居中在屏幕中间。
CSS中让DIV背景图片自适应
把图片设置成合DIV一样的高和宽就行了。但这样会导致图片大小变形了，很难看的。如果选择自适应的话又会使自己的DIV一会大一会小，网站整体都变形了，这个东西不好弄的。
输入position：fixed； top： 0； left： 0；使整个div固定在屏幕的最上方和最左方。
对背景图片设置属性：background-size：cover；可以实现背景图片适应div的大小。background-size有3个属性：auto：当使用该属性的时候，背景图片将保持100% 的大小显示，不进行任何缩放。超过div的多余部分将被隐藏。
HTMLcss怎样让div固定在顶部位置
1、left：0px；可让该div固定在网页的顶部左侧，且不会随网页而滚动。如若想固定在其他位置，只需要改动top，left，right，bottom属性值即可。
2、div css 顶部固定 不动的实现方法：首先给要 固定 的 div 添加类名，并给导航条设置颜色；然后给导航条所表示的 div 添加“position”属性；最后把导航条的position属性设置为“fixed”即可 固定 不动。
3、新建一个html文件，命名为test.html 在test.html文件内，使用css设置页面所有的div宽度为300px，高度为300px，div的位置为绝对定位。
4、在CSS里加上给div定位，如果是要div固定在页面的最上部，用position：fixed；如果要div显示在所有层的最上面就用position：absolute；z-index：9999（值越大越在最上面的层）。
5、在 Google Chrome 中按 F12 打开调试器，在滚动之后你觉得不正常的时候，用调试窗口左下角那个放大镜，去选中你的 div 条幅，然后看它的属性。
6、新建一个html文件，命名为test.html，用于讲解html如何将一个div置于最上层。在test.html文件内，使用div标签创建两个模块，并分别设置它们的id为testone，testtwo。
怎样让DIV自适应高度
1、增加一个清除浮动，让父容器知道高度。请注意，清除浮动的容器中有一个空格。
2、方法有两种，详细写就太长了。反正两个方法，一个是纯DIV+CSS，还有一个就是JS实现 纯CSS 纯CSS实现侧边栏/分栏高度自动相等 这里直接介绍我认为的最佳的侧边栏/分栏高度自动相等方法。
3、新建一个html文件，命名为test.html。在test.html文件内，使用div标签创建一个模块，在div标签内，使用p标签创建一行文字，在p标签内，使用span标签创建一行文字。
4、用背景图填充法 这里是给父DIV设置了背景图片填充，所有DIV都不设高度。
5、首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示。html页面代码如图所示，定义一个div，然后给一个id属性即可。
6、直接指定div的宽高+zoom来实现自适应div{width：50px；heigth：50px；zoom：1；}这样能达到初步的等宽高div。
css导航自适应div的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css中导航栏之间的距离怎么调、css导航自适应div的信息别忘了在本站进行查找喔。