DIV CSS网页技巧：网页布局中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>

• [1] [2] 下一页 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• DIV CSS网页技巧：网页布局中border断线现象 相关文章：
• ·DIV CSS网页技巧：网页布局中border断线现象
• DIV CSS网页技巧：网页布局中border断线现象 相关软件

上一篇:DIV CSS标准制作网页学习之学习DTD的元素

下一篇:学习网页技术CSS高级教程之CSS 伪元素

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐