网页技巧:IE中奇怪的左右border断线现象

技巧|网页

  如果容器内有两个浮动,并用CLEAR清除浮动。在ie下拖动滚动条时最外层的border会消失,如果给最外层加上宽度或者高度就不会出现。这是一个奇怪的现象,目前还不能解释是什么原因所导致的。看下面的示例:

<div style="margin:500px 100px 10px 100px;padding:50px;border:1px solid #ccc;line-height:300%"> <div style="float:left"> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> </div> <div style="float:right"> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> </div> <div style="clear:both"></div></div>

    [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

  我们可以通过下面的办法解决:
   1.在父元素中加入height:1%
   2.加入一个宽度
   3.加入一个背景色
 看下面的例子,我们给父元素加上一个宽度就搞定了:

<div style="width:660px; margin:500px 100px 10px 100px;padding:50px;border:1px solid #ccc;line-height:300%"> <div style="float:left"> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> </div> <div style="float:right"> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> 网页标准化过程中一些理论<br /> </div> <div style="clear:both"></div></div>

    [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

时间: 2024-09-24 16:07:58

网页技巧:IE中奇怪的左右border断线现象的相关文章

DIV CSS网页技巧:网页布局中border断线现象

css|技巧|网页 如果容器内有两个浮动,并用CLEAR清除浮动.在ie下拖动滚动条时最外层的border会消失,如果给最外层加上宽度或者高度就不会出现.这是一个奇怪的现象,目前还不能解释是什么原因所导致的.看下面的示例: <div style="margin:500px 100px 10px 100px;padding:50px;border:1px solid #ccc;line-height:300%"> <div style="float:left&

Dreamweaver制作网页技巧之对进行网页优化

dreamweaver|技巧|网页|优化 我们为了优化网页.加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化.在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的 我们为了优化网页.加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化.在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的.下面是Dreamweaver中的一些优化技法: 合理调用CSS 进行网页设计时,运用样式表单CSS来对页面元素进行布置,可以大大地减少

jsp-JSP中设置table的border属性无效

问题描述 JSP中设置table的border属性无效 下面是我设置的代码: <table border="100px" bordercolor="green"> <tr> <td> ID </td> <td> 标题 </td> <td> 描述 </td> <td> 价格 </td> <td> 数量 </td> <td

网页设计CSS中文字大小的pt、px的区别

先搞清基本概念:px就是表示pixel,像素,是屏幕上显示数据的最基本的点:而pt就是point,是印刷行业常用单位,等于1/72英寸. 在网页设计css中,经常用到字体,而字体大小的设置单位,常用的有2种:px.pt.这两个有什么区别呢? 先搞清基本概念:px就是表示pixel,像素,是屏幕上显示数据的最基本的点:而pt就是point,是印刷行业常用单位,等于1/72英寸. 这样很明白,px是一个点,它不是自然界的长度单位,谁能说出一个"点"有多长多大么?可以画的很小,也可以很大.如

网页栅格系统中的最佳宽度:960px

网站 首页页面宽度 px Yahoo! 950 淘宝 950 MySpace 960 新浪 950 网易 960 Live Search 958 搜狐 950 优酷 960 AOL 960 上面列举的都是 Alexa全球排名前100的站点 ,它们的首页宽度为950px/960px. 除了微软的Live Search, 这些站点有个共同特点:页面结构较复杂,都可以认为是门户型网站. 再来看看Google, YouTube, Facebook, Flickr!, eBay等知名站点,它们的首页宽度没

Word技巧:Word中的Alt键的使用技巧

  Word技巧:Word中的Alt键的使用技巧          技能1:矩形选取 如图所示,如果只想把左侧的多个成语同时选取出来,去掉右侧的解释内容.这时Alt键就可以大展手脚了.按住Alt键不放,再用鼠标拖选就可以了. 技能2:让快捷键显形 在Word中,按下Alt键之后,就会发现Word功能区的所有选项的快捷键自动显示出来,想要进行哪项操作,按相应的快捷键就可以啦. 技能3:快速退出Word 当我们的工作完成之后,需要关掉Word休息时,这时可配合使用Alt和F4键,即可快速退出Word

设计出迷人的响应式网页技巧

  响应式网页设计很流行,而且绝无秘密可言.行家们倡导,各品牌趋之若鹜.这不仅是创建一个移动端站点,而是让你的网站适用于每种浏览器尺寸,不论桌面端.平板还是智能手机 响应式设计的秘诀,是创建一个不论大小尺寸都美观的网站.在点开你的设计软件着手动工之前,你需要考虑很多.这是个额外步骤,最终成品却总能证明它的价值所在.很明显,设计师若不考虑响应式设计,网站就会倾向于呆板无趣 设计师绝对有必要保持自己的创意贯穿整个响应式站点.鉴于更多人在使用平板和智能手机,你总希望保证每个人都能访问你的网站.这里有一

gc-JVM中奇怪的Full GC, 大家帮忙分析下

问题描述 JVM中奇怪的Full GC, 大家帮忙分析下 下面的gc log中的full gc是怎么触发的,理解不了,请大神看看- 2015-02-03T14:40:12.029+0800: 470.095: [GC [PSYoungGen: 1271672K->13218K(3940864K)] 1374109K->115656K(8135168K), 0.0061610 secs] [Times: user=0.05 sys=0.00, real=0.00 secs] 2015-02-03

请问怎么在网页文本编辑器中插入服务器控件啊?

问题描述 请问怎么在网页文本编辑器中插入服务器控件啊? 如图一:想插入一个服务器控件Textbox 然后回到界面上,什么都没有 再回去插入的地方,居然多了这样的标签 不解 解决方案 你怎么插入的?客户端控件没有asp:textbox这种控件,asp:textbox这种控件最后生成的是input type="text"控件 将你的asp:textbox放入ueditor的script标签里面给asp.net编译生成input type="text",ueditor会自