|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www./1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <!--<link type="text/css" rel="stylesheet" href="index.css" />--> <link type="text/css" rel="stylesheet" href="kindeditor-4.1.10/themes/default/default.css" /> <script type="text/javascript" src="js/jquery-1.10.2.js"></script> <script type="text/javascript" src="js/jquery-ui-1.10.4.custom.js"></script> <script type="text/javascript" src="kindeditor-4.1.10/kindeditor.js"></script> <script type="text/javascript" src="kindeditor-4.1.10/lang/zh_CN.js"></script> </head> <body> <div style="float:left; margin-right:30px;border:1px solid #ccc"> <h4> 两个div元素正常显示的情况 </h4> <div style="width:100px;height:100px;background:red">div1</div> <div style="width:100px;height:100px;background:blue">div2</div> </div> <div style="float:left; margin-right:30px;border:1px solid #ccc"> <h4> 第一个div元素应用了display：none后的结果 </h4> <div style="width:100px;height:100px;background:red;display:none">div1</div> <div style="width:100px;height:100px;background:blue">div2</div> </div> <div style="float:left; margin-right:30px;border:1px solid #ccc"> <h4> 第一个div元素应用了visibility:hidden后的结果 </h4> <div style="width:100px;height:100px;background:red;visibility:hidden">div1</div> <div style="width:100px;height:100px;background:blue">div2</div> </div> </body> </html> |
|
|
