关于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同行,缩小浏览器窗口是总是一个将领一个覆盖。为什么

0

2个回答

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

0
haroldfinch
Call me root 比如logo1的width30%,logo2的70%,这样就可以呀
3 年多之前 回复
aaronmorgan
AaronJ1 不行,固定大小也不行
3 年多之前 回复

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

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
关于浏览器大小改变div布局的问题
[code=HTML]rnrnrnrn rnrnrn rn rn rnrnrn[/code]rn上面是代码rn这个是正常布局rn[img=http://www.ouliu.net/r/201203271008592myu6.jpeg][/img]rn这个是我把浏览器宽度调小了,布局就变了rn[img=http://www.ouliu.net/r/20120327100955qnemy.jpeg][/img]rnrn
如何使窗口大小不随双击标题栏改变?
窗口大小已经不能改变,但如双击标题栏窗口大小还是会改变,如何使窗口大小不随双击标题栏改变?
控件为什么不随窗口大小改变
SDI窗体,拆分为左右两个视图,右侧为TabCtrl,我想让它随窗体大小改变rn现在的问题是,拖动改变窗口或者拖动分割栏的时候,TabCtrl大小随之改变,但是点击最大化的时候却不改变rn请问要怎样修改?rn这是代码:rnvoid CHNTSView::OnSize(UINT nType, int cx, int cy) //CHNTS是主程序rnrn if(nType!=SIZE_MINIMIZED && cx>0 && cy>0)rn RecalcLayout(); rn CView::OnSize(nType, cx, cy);rn rn // TODO: Add your message handler code herern rnrn//当此类改变大小时调用此函数rnvoid CHNTSView::RecalcLayout()rnrn CWnd * pWnd = (CWnd *) GetActiveView();rn HWND hWnd =this->GetSafeHwnd();rn CRect rect;rn HDC hDC;rn hDC=::GetWindowDC(hWnd);rn CDC * pDC =new CDC;rn pDC->Attach(hDC);rn pDC->GetClipBox(&rect);rn m_TabCtrl.RecalcLayout(rect,pWnd);//m_TabCtrl的定义:CViewTabCtrl m_TabCtrl;rn delete pDC;rnrnrn//当标签控件所在的视图改变大小时调用此函数rnvoid CViewTabCtrl::RecalcLayout(CRect &rect, CWnd *wnd)rnrn SetWindowPos(NULL,rect.left ,rect.top ,rect.right -rect.left ,rn rect.bottom -rect.top ,SWP_NOZORDER);rn AdjustRect(false,&rect);rn wnd->SetWindowPos(NULL,rect.left ,rect.top ,rect.right -rect.left ,rn rect.top -rect.bottom ,SWP_SHOWWINDOW);rnrn
div随着浏览器窗口大小变更,改变大小(resize)
浏览器的放大缩小会导致网页布局变动,jquery的resize()方法,可以根据浏览器的窗口大小的变动,对网页进行操作:以下是div随着浏览器窗口大小变更,改变大小(resize)的案例:html:js效果:resizeDiv的块会根据网页变更,大小也随之改变...
浏览器窗口大小改变事件
window.onresize 是给window的onresize属性绑定事件,只能有一个,也就是说后面的会覆盖前面。 //当浏览器窗口大小发生改变时,控制台只会打印 2。 window.onresize = function(){ console.log("1") } window.onresize = function(){ console.log("2") } jQuer...
如何改变浏览器窗口大小
打开浏览器,全屏显示,我想通过点击一个按钮,然后让这个IE窗口变成800×600的窗口,请问可以实现吗? 谢谢
如何让页面不随浏览器大小改变而改变?
如何让页面不随浏览器大小改变而改变?
使窗口大小不能改变
在SDK怎么实现rnMFC里又使怎么实现呢
如何使插入的背景图片不随浏览器ZOOM的改变而改变?
比如某企鹅空间登录页面:缩放视图不会改变图片;是要动态给盒子赋值吗
WebDateChooser不随单元格改变大小
我将WebDateChooser 绑定到UltraWebGrid,我不希望WebDateChooser 随单元格的变化而变化。
关于改变窗口大小的问题
改变窗口大小的时候让里面的内容的大小也一起变化,大家一般用的是什么方法、控件?
关于改变窗口大小的问题 ?
通过鼠标可以调整窗口的边框,鼠标动窗口随着改变大小,如何让鼠标按下窗口不调整大小,当鼠标拖曳完毕,松开鼠标,窗口在触发onSizing消息,调整到该大小?
VB2005 怎样改变使窗口大小可拖动
rt,比如,运行exe 的时候最大化,里面的控件,字体等也会跟着变,或者拖动的时候会按相应比例改变。。。
改变浏览器大小的时候 div浮动布局发生改变的问题。
目前看到有两种解决方法。第一种是规定好所在父div的width。这样的网页应用比较广泛,目前所见到的大部分网页都是采用的这种布局方式。例如百度、微博等。 第二种是不太常用的一种方式,就是把浮动变成绝对定位,虽然布局在浏览器改变的时候整体上保持了功能的完整性,但是随着窗口尺寸的随意变化,仍然会产生一些意想不到的布局结果,所以一般采用第一种方式。也可以采用第一种和第二种方式相结合的方式。
拖拽改变层大小例如:浏览器的窗口大小改变
是 拖拽改变层大小 #div1{ width:100px; height:100px; background:red; position:absolute; left:500px; top:200px; } window.onload = function(){ var oDiv = document.getElemen
浏览器放大缩小DIV也随之改变大小
{rnposition:absolute;rnbackground-image:url(images/h_bg.jpg);rnbackground-repeat:no-repeat;rnwidth:1000px;rnheight:849px;rn}rn我使用的DIV加CSS布局,怎么随着浏览器的放大缩小改变DIV显示的位置,我的DIV显示的是绝对定位!rn例如我屏幕分辨率是1366我的网页显示是居中,当我把浏览器缩小时怎么样让网页左边距为0px;rn请高手给出js代码。
如何把div固定在浏览器的一端,不随浏览器大小、分辨率改变!
补充:不影响div随屏幕滚动!rn没分了,不好意思!!!
如何使flash随着浏览器窗口大小的改变而改变
我做了一个页面 中间是一个flashrn我的问题是 如何当窗口放大和缩小时,这个flash能够随着浏览器的窗口也跟着放大的缩小,如何flash的宽度保持和浏览器窗口一样的宽度而比例又保持不变?rnrn谢谢各位老大了.rn
怎样禁止改变窗口大小?
rt, 就是说我想让窗口大小不能改变(因为一旦最大化, 会出现空白), 谢谢!!
怎样改变窗口大小?
点击按钮后出来个新窗口rn在新窗口中有个按钮 我想点击他来改变窗口大小 rn应该怎样写?rnThanks
怎样改变普通窗口大小?
也就是显示窗口的时候按照自己给定的大小来显示出来。rn如我要显示的窗口大小为300*200,我要怎么对该窗口进行初始化?
如何使窗口大小无法改变
如何使窗口大小无法改变 rn并且总是在最前面 不会被其他窗口覆盖
javascript 浏览器窗口大小改变事件
NULL 博文链接:https://272426068.iteye.com/blog/1143976
如何使QGraphicsItem不随QGraphicsView放大缩小而改变大小
一、简述在使用QGraphicsView过程中,有时候我们需要对view进行缩放,但是对于一般正常的加入view中的item都会随着view的大小变化而变化,但是如果我们想让某些item不随view的缩放进行改变怎么办呢?很简单,下面讲述两种方法供大家参考学习。二、代码之路首先讲述如何通过鼠标滚轮使view放大缩小。很简单,继承QGraphicsView类,然后重写wheelEvent()事件即可。
改变div大小
设置一个div, rn然后在下面设置两个输入框:长度:()宽度()rn点击“设置”按钮,改变div大小rn请问如何用javascript实现?谢谢!
div拖动改变大小
最近在做个页面,需要首页模块可拖动并且编辑大小,首页用到的基本上是div标签, 由于个人不是搞前端的,js真心不是很熟~~~,网上搜索了一些资料,基本上都不完整,都有一定的缺少部分! 于是自己结合网上的多篇资料,整合了一份,可以div拖动改变大小的html代码例子,有这方面需要的可以参考下: 以下是效果图: Html代码如下(直接复制保存为html文件即可运行): &lt;!DOC...
DIV大小改变???
在拖曳IE窗体大小时,如何让里面的DIV也跟着改变大小????
窗口大小改变后,怎样得到改变后的Client区的大小??
我建立的是一个基于CFormView的单文档视图,在其中动态添加了一了自定义的CGridCtrl类,并想使它天充满整个客户区。刚开始运行时,为默认的窗口大小,可以填充满整个客户区,可是当我最大化后,控件还是默认的大小,并没有填充整个最大化后的客户区,请问有解决的办法吗?rn 部分代码如下: rn CRect m_Rect;rn GetClientRect(&m_Rect);rn m_GridCtrl.Create(m_Rect,this,IDC_GRIDCTRL,WS_CHILD|WS_BORDER|WS_TABSTOP|WS_VISIBLE);rn m_GridCtrl.SetBkColor(RGB(200,150,220));
改变窗口大小时,改变资源位图大小
如何 在 改变窗口大小时,同时也改变 资源中位图的大小,使它和窗口大小始终成比例。。。rn
怎样在js中改变div的大小
在asp.net页面中有一下代码rn rnrn我想在js中将div 的width改成250pxrn请问大家应该怎么办?rnrn我用clientWidth试过rn不过这个好像是个只读的属性!
如何设置一个div的大小自适应浏览器窗口大小
朋友们:rn 如何设置一个div的大小自适应浏览器窗口大小,在asp.net中我设置了100%不启作用?应该怎么做呢?
div不随滚动条的移动而改变位置
div固定在屏幕的一个位置,不随滚动条的拖动而改变位置
浏览器窗口大小改变时,动态改变div高度和宽度
header、footer高度固定,aside宽度固定,当浏览器窗口大小改变时,动态改变aside高度,content高度和宽度。 html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>changeble</title> <link rel="stylesheet" href="c
关于确定浏览器窗口大小的问题
正如《JavaScript高级程序设计》中所说的一样:“跨浏览器确定一个窗口的大小并不是一件简单的事。”浏览器为此提供了四个属性:innerWidth,innerHeight,outerWidth和outerHeight。《JavaScript高级程序设计》中说不同的浏览器对于这四个属性的返回值不同,但经过我的测试(我的浏览器版本分别为Chrome62.0.3202.75,Firefox57.0,
关于Div的大小问题?
关于未显示(即隐藏)的Div,如何在它显示前获得它显示后的大小(主要是获得它的width)。rnrn该div的style中没有设定它的width,height。rnrn这个问题主要是出在把[url=http://www.chinaz.com/][color=#FF0000]chinaz[/color][/url]的菜单,改成动态的问题上。rnrn例如:在以下的代码中,subnav5默认是不显示的,怎么获得它显示后的大小。rn[code=HTML] 网络编程rn rn .rn rn Asp编程 |rn Php编程 |rn .Net编程 |rn Xml编程 |rn Access |rn Mssql |rn Mysqlrn rn rn [/code]
关于div大小的问题
我在脚本里用ajax代码,使层里面的内容每隔一段时间重新获取数据库中的数据显示,rn因为数据多少有不同,数据多的时候层就会变大,并且位置改变,我用过position: absolute;rn层多的话,所有的层就走到一起了,到底应该怎样才能实现层不随字数多少而改变大小
关于Echarts图表根据div大小的改变而改变的问题
var fhchart = echarts.getInstanceById($(&quot;#desk_ygz&quot;).attr(&quot;_echarts_instance_&quot;));//获取echarts对象 if (fhchart) { setTimeout(&quot;echarts.getInstanceById($('#desk_ygz').attr('_echarts_ins...
小问题,关于改变窗口大小的。
生成一个C++Builder的应用程序,rn在调整程序尺寸的时候显示文本 " I've been resized;"rn我写的一个但是会在创建的时候也会显示消息。rnvoid __fastcall TForm1::FormResize(TObject *Sender)rnrn ShowMessage(" I've been resized");rnrnvoid __fastcall TForm1::FormResize(TObject *Sender)rn不是当改变大小的时候才响音的吗?那怎么在程序刚刚开始运行的时候也显示消息啊????有什么办法可以解决阿。rn
新手疑问:改变浏览器大小DIV标签会重叠的问题
浏览器全屏:rn[img=http://img.my.csdn.net/uploads/201210/04/1349329456_8724.jpg][/img]rn缩小宽度后:rn[img=http://img.my.csdn.net/uploads/201210/04/1349329456_6559.jpg][/img]rn再缩小宽度:rn[img=http://img.my.csdn.net/uploads/201210/04/1349329456_2119.jpg][/img]rnrn怎么才能让浏览器宽度缩小后自动出现水平滚动条来防止这种情况发生呢
关于图片自适应浏览器窗口大小
今天在查找一个关于页面内图片自适应浏览器窗口大小的JS。rn目前已经找到一段:rn[code=HTML]rnrnrn New Document rn rnrnrnrnrnrn[/code]rnrn但这段代码有个问题,即图片如果没有超过浏览器窗口,也会被拉伸到“浏览器宽度-50px”的宽度。rnrn所以我现在想要实现的是:rn1、如果图片小于当前浏览器窗口宽度,则显示当前大小rn2、如果图片超过当前浏览器窗口宽度,则显示浏览器窗口宽度-50px的宽度rn高度都是自适应的(即按比例缩小)rnrn希望有人能够帮忙解答一下,我JS实在不熟,自己试了几种方法都没能实现,以下是我觉得最恰当的方法,结果还是不行。。。rn[code=JScript] function show() rnvar mywidth = document.getElementById("main_img").style.width;rnvar bodywidth = document.body.offsetWidth;rn if (mywidth > bodywidth) rn document.getElementById("main_img").style.width = document.body.offsetWidth-50 + "px";rn rn rn window.onresize = show;[/code]