css-关于div布局问题,怎样使div大小不随浏览器窗口大小改变

问题描述

关于div布局问题,怎样使div大小不随浏览器窗口大小改变
 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
 .logo1{padding:0px 0px 0px 0px;background-color:#3a3c75;height:120px;width: 1000px;float: right}
.logo2{padding:0px 0px 0px 0px;background-color:red;height: 120px;width:500px ;background-image: url("./logo.png")}
</style>
</head>
<body>
<div class="logo1"></div>
<div class="logo2"></div>
</body>
</html>

俩个div同行,缩小浏览器窗口是总是一个将领一个覆盖。为什么

解决方案

宽度设置成百分比可以么?

解决方案二:

因为你设置了浮动,好好领悟一下浮动的定义

时间: 2024-12-21 18:32:07

css-关于div布局问题,怎样使div大小不随浏览器窗口大小改变的相关文章

div布局-请问怎么让div中的div在垂直方向上居中呢?

问题描述 请问怎么让div中的div在垂直方向上居中呢? 比如:下面这段代码,如何让里面的div在垂直方向上面居中呢(不好意思,实在是没有悬赏币了) .out{ width:500px; height:500px; background:blue;}.inn{ width:200px; height:200px; background:red;} 解决方案 你的inn怎么比out还大..搞反了吧..通过margin来定位.absolute定位最好,不需要考虑父容器,只需要依据自身的宽和高度来调整

div布局-为什么我的div+css布局做不到和他的一样?求解谢谢啦

问题描述 为什么我的div+css布局做不到和他的一样?求解谢谢啦 想练习一个div布局,随便找了网截图开始做,下面是原图 然后我切的图: 做到一半打开网页后却是这样的 代码是这么写的 <div class="main"> <div class="A1"> <img src="A1-P.jpg"/> <p>联想(Lenovo)Y430p 14英寸<strong>笔记本</stron

div布局-div中加div,如果里面的div给margin-top,则外面的div就会整体下移,如何解决

问题描述 div中加div,如果里面的div给margin-top,则外面的div就会整体下移,如何解决 div布局中:div中加div,如果里面的div给margin-top,则外面的div就会整体下移,如何解决 解决方案 你外层div高度是否是固定的,如果是固定的可以改成百分比的: 上面是一个解决办法; 还有一个,如果你外层div定义了样式,你可以将border去掉,这样就可以margin-top了,假设这个网页就这两个div,则里面的div的margin-top是针对网页的 body所言的

div css表单布局的五个小技巧

核心提示:div css表单布局的五个小技巧可以帮助你更灵活的控制表单,使页面更加满意. div css表单布局的五个小技巧可以帮助你更灵活的控制表单,使页面更加满意. 1.表单文本输入的移动选择: 在文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息.其实只要加入 代码到 <textarea> 中,一切就会变得简单多了,如: <textarea name=textarea wrap=virtual rows=2 cols=22 >Input Englis

div+css网页布局时不能滥用div元素

CSS网页布局应避免滥用DIV元素一直是我们所倡导的,以合适的HTML标签组织文档是CSS网页布局的基础. 页面中div与span元素的使用是一个新问题,我们也容易过多的使用它们.必要及合理地使用div可以明显的增强文档的结构性,这也是我们一直提倡的. 如果你审视你的HTML文档,发现有着很多的div与span,那你就得换一个眼光来看问题了,是不是存在滥用的情况?是不是还有更好的标记来替代它们?如h1可以更好地表示所标记的内容,那你就得放弃p或span来定义. 或许这是一对矛盾,我们本身也较难把

Div+CSS网页制作布局入门

在网页制作中,有许多的术语,例如:CSS.HTML.DHTML.XHTML等等.在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础.下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧. 所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来,以下是我构思好的界面布局图. 下面,我们需要根据构思图来规划一下页面的布局

提高css+div布局的可读性

提高css+div布局的可读性 一.CSS样式文件分解 对于小项目,在写代码之前,按页面结构或页面内容将代码分为几块并给予注释.例如,可以分别将 全局样式.布局.字体样式.表单.评论和其他分为几个不同的块来继续工作. 而对于较大的工程,这样显然不会有什么效果.此时,就需要将样式分解到几个不同的样式表文件.下面的master stylesheet 就是这一方法的例子,它的工作主要是导入其他样式文件.使用这一方法不仅能优化样式结构,而且有利于减少一些不必要的服务器请求.而分解文件的方法就有许多种,m

为什么要选择DIV+CSS的网站布局方式

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 为什么要选择div+css的网站布局方式,看完下面容你就会很详细的了解到他的作用.在SEO搜索引擎优化中有一项很重要的内容是"网站内部结构的优化",主要就是通过对网站的链接.结构.标签.排版等各方面的优化,使搜索引擎更容易抓取网站的内容,并且让网站的各个网页在等搜索引擎中获得较高的评分,从而获得较好的排名.Div+css的

网页制作总结:用CSS使DIV层水平居中

css|网页 一,用CSS使DIV层水平居中 对需要水平居中的DIV层添加以下属性: margin-left: auto;margin-right: auto; 这样在FF中已经居中了,可是在IE中看还是没有居中! 问题并不在CSS而在XHTML网页本身.需要加上这样的代码才能使得上述设置有效果: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh