开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

将2个div并排/ Internet Explorer 6/7浮动和填充(？)错误修复

在这个问题中，您希望了解如何在 Internet Explorer 6 和 7 中使两个 div 元素并排显示，同时修复浮动和填充问题。以下是一个简单的解决方案，使用 CSS 属性来实现这一目标：

首先，确保您的 HTML 文档具有正确的 DOCTYPE 声明，以触发标准模式（这将启用更多的 CSS 功能）。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

在您的 CSS 文件中，为要排列在一行的两个 div 设置样式。

.container {
  overflow: hidden;
  width: 100%;
}

.float-left,
.float-right {
  float: left;
  width: 48%;
  margin-right: 2%;
}

.float-right {
  float: right;
}

在 HTML 文件中，将这些样式应用于您的 div 元素。

<div class="container">
  <div class="float-left">
    <!-- Content for the first div goes here -->
  </div>
  <div class="float-right">
    <!-- Content for the second div goes here -->
  </div>
</div>

这个解决方案应该可以在 Internet Explorer 6 和 7 中使两个 div 元素在同一行上显示，同时修复浮动和填充问题。

请注意，Internet Explorer 6 和 7 已经非常古老，不再被广泛使用。如果可能的话，最好尽量兼容更新的浏览器版本。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

CSS的盒子模型

padding的区域有背景颜色，css2.1前提下，并且背景颜色一定和内容区域的相同。也就是说，background-color将填充所有boder以内的区域。 ?...此时它和一个span无异： ● 此时这个div不能设置宽度、高度； ● 此时这个div可以和别人并排了同样的道理， 1 span{ 2 display: block;...此时这个标签，和一个div无异： ● 此时这个span能够设置宽度、高度 ● 此时这个span必须霸占一行了，别人无法和他并排 ● 如果不设置宽度，将撑满父亲标准流里面限制非常多，标签的性质恶心...整个网页，就是通过浮动，来实现并排的。浮动的清除来看一个实验：现在有两个div，div身上没有任何属性。每个div中都有li，这些li都是浮动的。...1 2 3 4 5 6 7 8 9 10

1.2K3 0

桌面白屏(Active故障)修复批处理

，从网域抓取失败时，生成的错误文件)。...Explorer\Desktop.htt" everyone:f attrib -r -h -S "%userprofile%\Application Data\Microsoft\Internet...%\Application Data\Microsoft\Internet Explorer\" attrib +r +h +s "%userprofile%\Application Data\Microsoft...\Internet Explorer\Desktop.htt" >nul rem 判断桌面壁紙是否存在 if not exist "C:\windows\web\wallpaper\youjbg.jpg...代码使用过程若有任何问题请在留言处粘贴错误信息，我会第一时间答复你！

1.3K6 0

The Mystery Of The CSS Float Property

Screen Shot 2017-07-18 at 5.55.47 PM.png 如果你在IE6 IE7中查看的话：左侧列和右侧列都在对的位置，footer也被塞到下方。...; } 在IE6中，height会被错误地认为是min-height，所以这会强制父容器包围它的子元素。...IE中float相关的bug - Float-Related Bugs in Internet Explorer 这些年来，有许多关于CSSfloat的bugs讨论的文章被发布到网上。...下面，你会发现一些文章的链接列表，这些文章深入讨论了float相关的问题： The Internet Explorer Guillotine Bug The IE5/6 Doubled Float-Margin...所以，接下来的代码是不正确的： myDiv.style.float = "left"; 作为代替，你应该使用下面中的一种： // For Internet Explorer myDiv.style.styleFloat

1.7K2 0

浏览器兼容

--[if IE 6]> You are using Internet Explorer 6. 使用了条件注释的页面在 Windows Internet Explorer 9 中可正常工作，但在 Internet Explorer 10 中无法正常工作。...（如IE6和IE7），对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。..._和星号* ， IE7能识别星号*，但不能识别下划线_， IE6~IE10都认识"\9"，但firefox前述三个都不能认识这些都是ie的bug，我们可以通过这些bug来识别ie的版本 .box{...七：常见css属性的兼容情况 inline-block: >=ie8 min-width/min-height: >=ie8 :before,:after: >=ie8 div:hover: >=ie7

1.9K5 2

百度Web前端技术学院(1)-HTML, CSS基础

注释：Internet Explorer 8 以及更早的版本不支持新的 @font-face 规则。...Internet Explorer 9+ 支持新的 @font-face 规则，但是仅支持 .eot 类型的字体 (Embedded OpenType)。...左侧固定右侧自适应宽度的两列布局用两种不同的方法来实现一个两列布局，其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化我的方法一：不使用浮动，使用绝对定位，将左上角的块放好位置，右边的块设置...实现一个浮动布局，红色容器中每一行的蓝色容器数量随着浏览器宽度的变化而变化这个题我觉的直接将每一个块浮动起来就好了，不知我理解的对不对。...padding-bottom:10000px; ‘底部填充 10000px。上面这两句能够实现的效果就是，产生 10000px 的填充，然后用负的边距把它给抵销掉。

1K3 0

html基础+常用标签

到了IE7出来的时候，采用了微软公司内部标准以及部分W3C的标准，这个时候许多网站升级到IE7的时候，就比较痛苦，很多代码必须调整后，才能够正常的运行。...为了帮助减轻任何问题，Internet Explorer 8 引入了文档兼容性的概念，从而允许您指定站点所支持的 Internet Explorer 版本。...文档兼容性在 Internet Explorer 8 中添加了新的模式；这些模式将告诉浏览器如何解释和呈现网站。...如果您的站点在 Internet Explorer 8 中无法正确显示，则可以更新该站点以支持最新的 Web 标准（首选方式），也可以强制 Internet Explorer 8 按照在旧版本的浏览器中查看站点的方式来显示内容...当 Internet Explorer 8 遇到未包含 X-UA-Compatible 标头的网页时，它将使用指令来确定如何显示该网页。

1.2K1 0

CSS教程:div垂直居中的N种方法「建议收藏」

> 36 37 38 这个方法应该是很理想了，但是不幸的是Internet Explorer 6 并不能正确地理解display:table和display...:table-cell，因此这种方法在 Internet Explorer 6及以下的版本中是无效的。...不过我们还其它的办法四、在Internet Explorer中的解决方案在Internet Explorer 6及以下版本中，在高度的计算上存在着缺陷的。...在Internet Explorer 6中对父元素进行定位后，如果再对子元素进行百分比计算时，计算的基础似乎是有继承性的（如果定位的数值是绝对数值没有这个问题，但是使用百分比计算的基础将不再是该元素的...所以我们可以使用这中方法来实现Internet Explorer 6中的垂直居中： div#wrap { border:1px solid #FF0099; background-color

1.1K3 0

前端学习(13)~css学习(七)：浮动

文本主要内容标准文档流标准文档流的特性行内元素和块级元素行内元素和块级元素的相互转换浮动的性质浮动的清除浏览器的兼容性问题浮动中margin相关关于margin的IE6兼容问题标准文档流...如果不设置宽度，那么宽度将默认变为父亲的100%。行内元素和块级元素的分类：在以前的HTML知识中，我们已经将标签分过类，当时分为了：文本级、容器级。...行内元素和块级元素的相互转换我们可以通过display属性将块级元素和行内元素进行相互转换。display即“显示模式”。...也就是说：此时这个div不能设置宽度、高度；此时这个div可以和别人并排了。举例如下： ?...iv本身是块级元素，如果不设置width，它会单独霸占整行；但是，设置div浮动后，它会收缩浮动的补充（做网站时注意） ? 上图所示，将para1和para2设置为浮动，它们是div的儿子。

9031 0

前端入门4-CSS属性样式表声明正文-CSS属性样式表

；center center表示将图片放到正中间。...6.阴影 box-shadow&text-shadow ?...如果接下去是块级元素，那么它就会是绘制在浮动元素 div3 和 dive4 下面，呈现出重叠的效果。... 这是因为多个浮动元素之间并排显示的前提的有足够的空间让这些元素并排，所以通常对于浮动元素的宽度设置是通过百分比来设置，确保多个并排的元素即使窗口发生变化仍旧可以并排布局。 ...浮动元素之后的元素设置 margin 失效非浮动元素的外边距不能用于它们和浮动元素之间来创建空间，通常我们再浮动元素之后的非浮动元素会进行浮动清除，顺便设置外边距来创建间隔空间，但这时会发现这个间隔空间失效

1.6K3 0

IDM2022下载器软件最新版功能介绍

此程序紧密地与Internet Explorer和NetscapeCommunicator结合，自动地处理你的下载需求。此程序还具有下载逻辑最佳化功能、检查病毒，以及多种偏好设定。...无缝集成到主流浏览器无缝集成到Microsoft Internet Explorer，Netscape，MSN Explorer，AOL，Opera，Mozilla，Mozilla Firefox，Mozilla...您不需要做任何特别的事情，只需像平常一样浏览Internet。IDM将捕获您的下载并加快下载速度。IDM支持HTTP，FTP，HTTPS和MMS协议。...支持MMS协议它还具有完整的Windows 8.1（Windows 8，Windows 7和Vista）支持，页面抓取器，重新开发的计划程序和MMS协议支持。...更新日志版本6.41 Build 2中的新增功能修复了当可执行文件的新实例（例如，从命令行等）关闭先前打开的旧实例的进程时的严重错误改进的下载引擎修复了下载几种类型的视频流的问题修复了错误

1.2K0 0

js打印WEB页面内容代码大全

把要打印的内容放这里所有内容 div2的内容打印 function printme() { document.body.innerHTML=document.getElementById("div1...1、控制"纵打"、横打”和“页面的边距。...{ wb.execwb(6,6) } } ------------------------------------------------ 关于这个组件还有其他的用法，列举如下： WebBrowser.ExecWB...(1,1) 打开 Web.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口 Web.ExecWB(4,1) 保存网页 Web.ExecWB(6,1) 打印 Web.ExecWB(7,1)...&b页码，&p/&P" hkey_key="\footer" RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&u&b&d" end function 4、浮动帧打印

7.5K2 0

HTML+CSS高级

3.1.2 一定要两个div并排显示，并不被覆盖，解决办法，a. ...解决办法：给需要浮动显示的子元素加上浮动 1.2.2 两个兄弟元素，需要并排无间隙显示：第一个 float:left;。... 1.11 IE6下绝对定位元素和浮动元素并列时，绝对定位元素消失解决办法：让两元素不处于同级 1.12 IE6下...3.1.2 一定要两个div并排显示，并不被覆盖，解决办法，a. ... 1.11 IE6下绝对定位元素和浮动元素并列时，绝对定位元素消失解决办法：让两元素不处于同级 1.12 IE6下

5.8K6 1

CSS基础知识

在html中、、、、和就是块级元素。设置display:block 就是将元素显示为块级元素。...当然块状元素也可以通过代码display:inline 将元素设置为内联元素。如下代码就是将块状元素div转换为内联元素，从而使 div 元素具有内联元素特点。...solid red; border-right:1px solid red; border-left:1px solid red; 8-7 盒模型--宽度和高度盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的...（内联元素可不像块状元素这么霸道独占一行） 9-4 浮动模型块状元素这么霸道都是独占一行，如果现在我们想让两个块状元素并排显示，怎么办呢？不要着急，设置元素浮动就可以实现这一愿望。...任何元素在默认情况下是不能浮动的，但可以用 CSS 定义为浮动，如 div、p、table、img 等元素都可以被定义为浮动。如下代码可以实现两个 div 元素一行显示。什么是层模型？

1.3K2 0

知识整理之CSS篇

*/ *color: red; /* 仅IE6、IE7 浏览器识别 */ +color: red; /* 仅IE6、IE7 浏览器识别 */ *+color: red; /* 仅IE6、IE7 浏览器识别...--[if gt IE 6]> IE6以上版本可识别,IE6无法识别 IE7以及IE7以上版本可识别 <!...解决方案：在float的标签样式中设置 #demo { display: inline } 当标签的高度设置小于10px，在IE6、IE7中会超出自己设置的高度问题症状：IE6、7和遨游里这个标签的高度不受控制...如果使用import方法对CSS进行导入,会导致某些页面在Windows 下的Internet Explorer出现一些奇怪的现象:以无样式显示页面内容的瞬间闪烁。...标准属性在后(优化) 可维护性将css文件放在页面最上面样式与内容分离：将css代码定义到独立css文件中重绘和回流的描述及优化方案这部分涉及内容较多，请移步至浏览器的回流和重绘及其优化方式

1.6K2 0

高效Web开发的10个jQuery代码片段

1、检测Internet Explorer版本当涉及到CSS设计时，对开发者和设计者而言Internet Explorer一直是个问题。...尽管IE6的黑暗时代已经过去，IE也越来越不流行，它始终是一个能够容易检测的好东西。当然了，下面的代码也能用于检测别的浏览器。...Explorer'); 　　} }); 2、平稳滑动到页面顶部这是一个最广泛使用的jQuery效果：对一个链接点击下会平稳地将页面移动到顶部。...自动定位并修复损坏图片如果你的站点比较大而且已经在线运行了好多年，你或多或少会遇到界面上某个地方有损坏的图片。...、粘贴和剪切的操作使用jQuery可以很容易去根据你的要求去检测复制、粘贴和剪切的操作。

1K8 0

Internet Download Manager2022智能win最新版下载器

Internet Download Manager （IDM）是一种将下载速度提高多达 5 倍，恢复和安排下载的软件。...全面的错误恢复和恢复功能将由于连接丢失，网络问题，计算机关闭或意外断电而重新启动中断的下载或中断下载。...IDM 无缝集成到 Microsoft Internet Explorer，Netscape，MSN Explorer，AOL，Opera，Mozilla，Mozilla Firefox，Mozilla...此程序紧密地与Internet Explorer和NetscapeCommunicator结合，自动地处理你的下载需求。此程序还具有下载逻辑最佳化功能、检查病毒，以及多种偏好设定。...zoneid=34275版本6.41 Build 2中的新增功能更新日志修复了当可执行文件的新实例（例如，从命令行等）关闭先前打开的旧实例的进程时的严重错误改进的下载引擎修复了下载几种类型的视频流的问题修复了错误

7560 0

【漏洞预警】IE浏览器远程代码执行漏洞(CVE-2019-1367)预警通告

版本： 1.0 1 漏洞概述当地时间 9月 23 日，微软官方发布了一则“IE浏览器累积安全更新”，修复了Internet Explorer中的一个远程代码执行漏洞（CVE-2019-1367）。.../secu/2019/09/ie9-windows6.0-kb4522007-x64_2dc213cfbb9299d3fdf889d47cb6e3c5239a7bb3.msu Internet Explorer...-kb4522007-x86_3965a87d7f1b35a1f63b4674f207d981eeb8c178.msu Internet Explorer 11 Windows 7 x64 http:/.../09/windows8.1-kb4522007-x86_af6e89eefbc44e7f0c2edb7e4653a4a2aae283e5.msu Internet Explorer 11 Windows.../2019/09/ie11-windows6.2-kb4522007-x64_7d9dc3f450940f2f6a17dab5826a8c9be9c44eac.msu Internet Explorer

6431 0

时隔27年，微软IE浏览器正式退出历史舞台，一个时代的结束

自 6 月 15 日起，所有 IE 浏览器的错误修复和更新都将停止，而微软已经逐渐从该软件转向新的 Microsoft Edge 浏览器。...2016 年 1 月 6 日，微软宣布将会停止发布 Internet Explorer 11 之前版本的安全性更新。...2021 年 5 月 20 日，微软宣布将在 2022 年 6 月 15 日彻底终止支持 Internet Explorer。...今天，2022 年 6 月 15 日，Internet Explorer 正式退出历史舞台。...Edge 内置了 Internet Explorer 模式（IE 模式），因此用户可以直接从 Microsoft Edge 访问那些基于 Internet Explorer 的旧网站和应用程序。」

7372 0

Windows-Exploit-Suggester --- Windows下提权辅助工具

描述该工具可以将目标系统的补丁安装情况与微软的漏洞数据库进行对比，进而检测出目标系统中潜在的未修复漏洞。...同时此工具还会告知用户针对于此漏洞是否有公开的exp和可用的Metasploit模块。...描述该工具可以将目标系统的补丁安装情况与微软的漏洞数据库进行对比，进而检测出目标系统中潜在的未修复漏洞。...Explorer (2879017) - Critical [M] MS13-069: Cumulative Security Update for Internet Explorer (2870699...Explorer (978207) - Critical [M] MS09-072: Cumulative Security Update for Internet Explorer (976325)

1.1K5 0

一步步实现静态页面布局

1 宽（width）和高（height）宽高是设置内容区域的大小。...2 为什么要浮动每个div的特点处于同一行，而布局时常常需要将块并排进行布局，那么此时我们要实现模块并排的布局所以需要浮动。 3 浮动原理我们就把页面中的一块区域比作水槽。...5 如何浮动将我们需要的块设置float属性，如以下代码: .wrap div { float: left; //设置div向左边浮动，实现两个div并排展示...style="background: #fe0000"> ... <div class="test8" style="background:

1.9K10 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭