网页制作过程中div定位的三个问题

这几天要做单位的网站,对于做网站我也不怎么样,于是我便在网上参考了一个比较满意的网站,套一下来把这个工作结束了。在此期间遇到了三个关于div定位问题,

一般网站用div布局时都是从上到下分head 、body、 foot几部分 ,head 、body和foot 再从上到下从左到右分几块,在这中间我遇到了一个问题,本来从上到下分了几块计划都是不用绝对定位的,可是在这个过程中我把网页的第一部分topup块position设置成了absolute,在紧邻着他的mainbanner块习惯性的也加上了position:absolute 属性,这时便发生了在下面紧邻的从上到下几个块中必须都要用绝对定位来处理,否则便会发生div块向上重叠,这给我带来了很大困惑,最后我把第二个块mainbanner中的position:absolute 属性去掉后,以后的相邻的各块便不再需要用position:absolute 属性定位了。

还是这个网页中也是从上到下的几个div并列摆放导致排在第三位的div块总是向上重叠到第二个div块上,经检查发现是因为我在第二个块上,加了一个float:right属性,将这个属性去掉后就好了

另一个错误也是关于div的,本来我用两横两纵规划了四个图片链接可是发现总是最上面的两个能看到,下面的两个感觉存在并且位置也保留了就是看不到,最后发现居然是后面的两个div的属性设置了两次,两次发生了冲突,导致了后两个div块看不到。

时间: 2024-12-30 00:03:12

网页制作过程中div定位的三个问题的相关文章

hyperpacer在使用过程中需要解决的三个问题

hyperpacer使用的过程中,感觉有三个问题需要解决一下:1.运行状态的实时展现,当前有多少用户在运行,多少用户处于思考状态,多少用户错误状态,每个请求或页面对应有多少用户?这些信息对于调试和运行过程中及时获取信息非常重要.2.浏览器多线程的 模拟,现在hyperpacer的模拟对于单个用户来说,所有请求都是串行的,但是现在用户使用的浏览器中单线程浏览器应该都绝迹了,多线程浏览器基本都 普及了,对于一个页面上的多个请求,如何实现多线程真实模拟用户操作,是通过添加一个时间戳还是通过判断是否来自

答寒冬九问之讲讲输入完网址按下回车,到看到网页这个过程中发生了什么。

无意中看到寒冬关于前端的九个问题,细细想来我也只是对第一.二.九问有所了解,正好也趁着这个机会梳理一下自己的知识体系.由于本人对http协议以及dns对url的解析问题并不了解,所以这里之探讨url请求加载到浏览器端时,浏览器对html的解析到呈现过程.该过程主要分为以下步骤: 解析HTML 构建DOM树 DOM树与CSS样式进行附着构造呈现树 布局 绘制 解析与构建DOM树 前两步我们放在一起讨论,浏览器的实际工作也是将他们放在一起进行的.对于HTML浏览器有专门的html解析器来解析HTML

个人简历制作过程中应注意的地方

简历作为一个人求职面试的工具,需要大家好好准备,注意其中的问题,才能制作出一份毫无缺陷的精美简历.今天小编就将告诉大家个人简历制作当中的禁忌,让大家在今后制作简历时,少犯这些错误.1.内容不要重复.过多有得人为了让简历看上去内容丰富,就将一个方面的小内容,不断在简历中重复提出,导致简历内容十分混乱,让人看上去杂乱无章.2.不要过于轻率制作简历是一件很严肃,很重要的事情.简历的好坏可能直接影响面试的结果.因此简历制作完成后,最好进行多次检查,把不需要的地方删除,只保留最重要的内容. 3.不要笔迹潦

在网站制作过程中发现的block和inline-block不同。

inline-block,简单来说就是在CSS中通过display:inline-block对一个对象指定inline-block属性,可以将对象呈递为内联对象,但是对象的内容作为块对象呈递.有时既希望元素具有宽度高度特性,又具有同行特性,这个时候我们可以使用inline-block.而block的的特性有以下特征: block元素会独占一行,多个block元素会各自新起一行.默认情况下(即不设置宽度的情况下),block元素宽度自动填满其父元素宽度. block元素可以设置width,heig

从输入网址到显示网页的过程中发生了什么?

从用户输入一个网址到网页最终展现到用户面前,中间究竟发生了什么?这是一个简单而复杂的问题.大致流程总结如下:1.输入地址2.浏览器查找域名的 IP 地址(这一步包括 DNS 具体的查找过程,包括:浏览器缓存->系统缓存->路由器缓存...)3.浏览器向 web 服务器发送一个 HTTP 请求4.服务器的永久重定向响应(从 http://example.com 到 http://www.example.com)5.浏览器跟踪重定向地址6.服务器处理请求7.服务器返回一个 HTTP 响应8.浏览器

从输入网址到显示网页的过程中发生了什么?(转自88旧港)

转自88旧港 http://www.cnblogs.com/xingyue1988/ 从用户输入一个网址到网页最终展现到用户面前,中间究竟发生了什么?这是一个简单而复杂的问题.大致流程总结如下:1.输入地址2.浏览器查找域名的 IP 地址(这一步包括 DNS 具体的查找过程,包括:浏览器缓存->系统缓存->路由器缓存...)3.浏览器向 web 服务器发送一个 HTTP 请求4.服务器的永久重定向响应(从 http://example.com 到 http://www.example.com)

HTML、DIV+CSS网页制作中排版混乱的几种常见的情况

对于Web前端初学者或者经验不够丰富的人来说,出现页面排版布局混乱的情况并不罕见,有时候明明前面部分的网页都很整齐美观,可是在接下来的部分中经常会出现网页布局混乱,比如content无法调整到开发者需要的位置,或者出现页面重叠的现象.以下内容是我个人在网页制作过程中关于网页排版混乱及其解决办法的一些经验总结,不足之处,希望大家互相补充学习. )DIV+CSS网页错位的原因与解决方法 常常我们会遇到我们要设置在一行显示的布局,却因为种种原因造成了错位,看到结果是在一行的最后一个盒子布局错位掉下去了

在网页制作中,初学者经常犯的那些小迷糊

对于web初学者来说,在网页的制作过程中经常会出现一些小Bug,这些问题的看似很小很小,却影响我们网页设计的正常完成,下面是我个人学习过程中出现过的一些小问题,在此做一个总结. 1,很多设计师把握不好承载信息的空间与留白之间的平衡.文本.图片和菜单应放在能与之形成足够反差的背景上,通过调整各元素之间的间距来营造干净整洁的外观,拥挤的页面是不能抓住访客注意力的.创建网站的过程中记得检查页边距和padding样式 2.网络用图应调整尺寸或压缩大小,以节省空间和加载时间.若非如此,加载图片需要很长的时

Python爬虫(图片)编写过程中遇到的问题

最近我突然对网络爬虫开窍了,真正做起来的时候发现并不算太难,都怪我以前有点懒,不过近两年编写了一些程序,手感积累了一些肯定也是因素,总之,还是惭愧了.好了,说正题,我把这两天做爬虫的过程中遇到的问题总结一下: 需求:做一个爬虫,爬取一个网站上所有的图片(只爬大图,小图标就略过) 思路:1.获取网站入口,这个入口网页上有很多图片集合入口,进入这些图片集合就能看到图片链接了,所以爬取的深度为2,比较简单:2.各个子图片集合内所包含的图片链接有两种形式:一种是绝对图片路径(直接下载即可),另一种的相对