需要CSS帮助吗？需要下拉列表才能显示得更低
我有一个导航栏（上面写着‘关于我们’、‘寻求帮助’、‘支持我们’、‘培训’、‘为我们工作’），它在鼠标上方显示了该特定标题的下拉列表。下拉列表显示“位于”以下分区的顶部。。。这正是我想要的需要CSS帮助吗？需要下拉列表才能显示得更低,css,drop-down-menu,Css,Drop Down Menu,我有一个导航栏（上面写着‘关于我们’、‘寻求帮助’、‘支持我们’、‘培训’、‘为我们工作’），它在鼠标上方显示了该特定标题的下拉列表。下拉列表显示“位于”以下分区的顶部。。。这正是我想要的 <script type="text/javascript" src="jquery152.js"></script> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <tit
<script type="text/javascript" src="jquery152.js"></script>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Tabs</title>
</head>
<body class="container">
<div class=span-24>
<BR>
<div id=logo class='span-4'>
<img src="./images/CANFull10.jpg">
</div>
<div id=tabH class="tabs span-20 last navigation-container">
<br><br>
<ul id=topnav class="right">
<li class='navhead'><a href="#first" id=mark>About Us</a><br>What we do & how you can help.</li>
<li class='navhead'><a href="#second" id=services>Looking For Help</a><br>Find a service to help you.</li>
<li class='navhead'><a href="#third" id=otherstuff>Support Us</a><br>More here. Second line of text</li>
<li class='navhead'><a href="#fourth" id=otherstuff>Training</a><br>See our courses. more text here.</li>
<li class='navhead'><a href="#fifth" id=otherstuff>Work for Us</a><br>See what we offer. more text here.</li>
</ul>
<div id="first" class="navcontent span-20">
<h2>About Us</h2>
<p> Some text here maybe followed by some links</p>
<ul>
<li>Link One</li>
<li>Link Two</li>
<li>Link Three</li>
</ul>
</div>
<div id="second" class="navcontent span-20">
<h2>Looking for Help</h2>
<p>Eastman Kodak, the company that invented the hand-held camera, has filed for bankruptcy protection. The move gives the company time to reorganise itself without facing its creditors, and Kodak said that it would mean business as normal for customers. The company has recently moved away from cameras to refocus on making printers to stem falling profits. The 133-year-old firm has struggled to keep up with competitors who were quicker to adapt to the digital era. Announcing the move to seek bankruptcy protection, Antonio M Perez, Kodak's chairman and chief executive, said: "The board of directors and the entire senior management team unanimously believe that this is a necessary step and the right thing to do for the future of Kodak." </p>
</div>
<div id="third" class="navcontent span-20">
<h2>Support Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fourth" class="navcontent span-20">
<h2>Training</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fifth" class="navcontent span-20">
<h2>Work for Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div id=headline class="span-24">
<div class='span-16'>
<img src="./images/place.jpg" alt="CAN is a one of the Best Companies to work for." title="CAN is a one of the Best Companies to work for.">
</div>
<div class='span-8 last' >
<h3 class=blue-bg>One of the best!</h3>
<p>Being a best company goes beyond the bottom line. <br><br>
It's about excelling in every area throughout the workplace and an organisation's commitment to its most important assets - its workforce.<br><br>
Focusing on employees brings real benefits such as, improved workplace engagement, better staff retention.</p>
</div>
</div>
<div id=footer class='span-24'>
<div class='span-12'>Footer</div>
</div>
<script type="text/javascript" src="jquery152.js"></script>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Tabs</title>
</head>
<body class="container">
<div class=span-24>
<BR>
<div id=logo class='span-4'>
<img src="./images/CANFull10.jpg">
</div>
<div id=tabH class="tabs span-20 last navigation-container">
<br><br>
<ul id=topnav class="right">
<li class='navhead'><a href="#first" id=mark>About Us</a><br>What we do & how you can help.</li>
<li class='navhead'><a href="#second" id=services>Looking For Help</a><br>Find a service to help you.</li>
<li class='navhead'><a href="#third" id=otherstuff>Support Us</a><br>More here. Second line of text</li>
<li class='navhead'><a href="#fourth" id=otherstuff>Training</a><br>See our courses. more text here.</li>
<li class='navhead'><a href="#fifth" id=otherstuff>Work for Us</a><br>See what we offer. more text here.</li>
</ul>
<div id="first" class="navcontent span-20">
<h2>About Us</h2>
<p> Some text here maybe followed by some links</p>
<ul>
<li>Link One</li>
<li>Link Two</li>
<li>Link Three</li>
</ul>
</div>
<div id="second" class="navcontent span-20">
<h2>Looking for Help</h2>
<p>Eastman Kodak, the company that invented the hand-held camera, has filed for bankruptcy protection. The move gives the company time to reorganise itself without facing its creditors, and Kodak said that it would mean business as normal for customers. The company has recently moved away from cameras to refocus on making printers to stem falling profits. The 133-year-old firm has struggled to keep up with competitors who were quicker to adapt to the digital era. Announcing the move to seek bankruptcy protection, Antonio M Perez, Kodak's chairman and chief executive, said: "The board of directors and the entire senior management team unanimously believe that this is a necessary step and the right thing to do for the future of Kodak." </p>
</div>
<div id="third" class="navcontent span-20">
<h2>Support Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fourth" class="navcontent span-20">
<h2>Training</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fifth" class="navcontent span-20">
<h2>Work for Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div id=headline class="span-24">
<div class='span-16'>
<img src="./images/place.jpg" alt="CAN is a one of the Best Companies to work for." title="CAN is a one of the Best Companies to work for.">
</div>
<div class='span-8 last' >
<h3 class=blue-bg>One of the best!</h3>
<p>Being a best company goes beyond the bottom line. <br><br>
It's about excelling in every area throughout the workplace and an organisation's commitment to its most important assets - its workforce.<br><br>
Focusing on employees brings real benefits such as, improved workplace engagement, better staff retention.</p>
</div>
</div>
<div id=footer class='span-24'>
<div class='span-12'>Footer</div>
</div>
<script type="text/javascript" src="jquery152.js"></script>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Tabs</title>
</head>
<body class="container">
<div class=span-24>
<BR>
<div id=logo class='span-4'>
<img src="./images/CANFull10.jpg">
</div>
<div id=tabH class="tabs span-20 last navigation-container">
<br><br>
<ul id=topnav class="right">
<li class='navhead'><a href="#first" id=mark>About Us</a><br>What we do & how you can help.</li>
<li class='navhead'><a href="#second" id=services>Looking For Help</a><br>Find a service to help you.</li>
<li class='navhead'><a href="#third" id=otherstuff>Support Us</a><br>More here. Second line of text</li>
<li class='navhead'><a href="#fourth" id=otherstuff>Training</a><br>See our courses. more text here.</li>
<li class='navhead'><a href="#fifth" id=otherstuff>Work for Us</a><br>See what we offer. more text here.</li>
</ul>
<div id="first" class="navcontent span-20">
<h2>About Us</h2>
<p> Some text here maybe followed by some links</p>
<ul>
<li>Link One</li>
<li>Link Two</li>
<li>Link Three</li>
</ul>
</div>
<div id="second" class="navcontent span-20">
<h2>Looking for Help</h2>
<p>Eastman Kodak, the company that invented the hand-held camera, has filed for bankruptcy protection. The move gives the company time to reorganise itself without facing its creditors, and Kodak said that it would mean business as normal for customers. The company has recently moved away from cameras to refocus on making printers to stem falling profits. The 133-year-old firm has struggled to keep up with competitors who were quicker to adapt to the digital era. Announcing the move to seek bankruptcy protection, Antonio M Perez, Kodak's chairman and chief executive, said: "The board of directors and the entire senior management team unanimously believe that this is a necessary step and the right thing to do for the future of Kodak." </p>
</div>
<div id="third" class="navcontent span-20">
<h2>Support Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fourth" class="navcontent span-20">
<h2>Training</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fifth" class="navcontent span-20">
<h2>Work for Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div id=headline class="span-24">
<div class='span-16'>
<img src="./images/place.jpg" alt="CAN is a one of the Best Companies to work for." title="CAN is a one of the Best Companies to work for.">
</div>
<div class='span-8 last' >
<h3 class=blue-bg>One of the best!</h3>
<p>Being a best company goes beyond the bottom line. <br><br>
It's about excelling in every area throughout the workplace and an organisation's commitment to its most important assets - its workforce.<br><br>
Focusing on employees brings real benefits such as, improved workplace engagement, better staff retention.</p>
</div>
</div>
<div id=footer class='span-24'>
<div class='span-12'>Footer</div>
</div>
<style type="text/css" media="screen">
<!--
BODY {
font: .72em Candara, "Trebuchet MS", verdana, arial, sans-serif;
font-size: 86%;
background: url(./images/body-bg.jpg) repeat-y scroll center top #eae9e7;}
h2 {
color: #262161;
margin-bottom: 5px;
}
h3 {
color:white;
padding:5px;
margin-bottom:0;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
}
#tabH {margin-bottom:10px;}
div.tabs > div h2 {
margin-top: 0;
}
div.tabs > a {
text-decoration:none;
}
#topnav li {
list-style:none;
}
.navhead {
width:135px;
padding:3px;
margin-right:2px;
float:left;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
background-color: #F3F3F4;
border-top: 1px silver solid;
border-right: 1px silver solid;
}
.navhead a
{
font-size:1.2em;
text-decoration:none;
}
.navheadhover {
background: #262161;
color: white;
}
.navcontent {
background-color:white;
border: 1px solid #262161;
padding: 3px;
position:absolute;
}
.navcontent p, headTxt p {padding:5px;}
#headline {
margin-bottom:20px;
}
.blue-bg {
background-color:#262161;
}
#footer {
clear:both;
background: url(./images/footer.jpg) no-repeat scroll 0 0;
background: url(./images/body-bg.jpg) repeat-y scroll center top #eae9e7;
}
-->
</style>
<script>
$(document).ready(function()
{
var navContainers = $('.navcontent');
navContainers.hide();
$('div.tabs a').mouseover(function ()
{
var myhash=$(this).attr('hash');
console.log ('hash = ' + myhash);
navContainers.hide();
navContainers.filter(this.hash).show();
$('.navhead').removeClass('navheadhover');
$(this.parentNode).addClass('navheadhover');
return false;
})
$('.navcontent, .navigation-container').mouseleave(function ()
{
$('.navhead').removeClass('navheadhover');
navContainers.hide();
return false;
})
});
</script>
<script type="text/javascript" src="jquery152.js"></script>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Tabs</title>
</head>
<body class="container">
<div class=span-24>
<BR>
<div id=logo class='span-4'>
<img src="./images/CANFull10.jpg">
</div>
<div id=tabH class="tabs span-20 last navigation-container">
<br><br>
<ul id=topnav class="right">
<li class='navhead'><a href="#first" id=mark>About Us</a><br>What we do & how you can help.</li>
<li class='navhead'><a href="#second" id=services>Looking For Help</a><br>Find a service to help you.</li>
<li class='navhead'><a href="#third" id=otherstuff>Support Us</a><br>More here. Second line of text</li>
<li class='navhead'><a href="#fourth" id=otherstuff>Training</a><br>See our courses. more text here.</li>
<li class='navhead'><a href="#fifth" id=otherstuff>Work for Us</a><br>See what we offer. more text here.</li>
</ul>
<div id="first" class="navcontent span-20">
<h2>About Us</h2>
<p> Some text here maybe followed by some links</p>
<ul>
<li>Link One</li>
<li>Link Two</li>
<li>Link Three</li>
</ul>
</div>
<div id="second" class="navcontent span-20">
<h2>Looking for Help</h2>
<p>Eastman Kodak, the company that invented the hand-held camera, has filed for bankruptcy protection. The move gives the company time to reorganise itself without facing its creditors, and Kodak said that it would mean business as normal for customers. The company has recently moved away from cameras to refocus on making printers to stem falling profits. The 133-year-old firm has struggled to keep up with competitors who were quicker to adapt to the digital era. Announcing the move to seek bankruptcy protection, Antonio M Perez, Kodak's chairman and chief executive, said: "The board of directors and the entire senior management team unanimously believe that this is a necessary step and the right thing to do for the future of Kodak." </p>
</div>
<div id="third" class="navcontent span-20">
<h2>Support Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fourth" class="navcontent span-20">
<h2>Training</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fifth" class="navcontent span-20">
<h2>Work for Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div id=headline class="span-24">
<div class='span-16'>
<img src="./images/place.jpg" alt="CAN is a one of the Best Companies to work for." title="CAN is a one of the Best Companies to work for.">
</div>
<div class='span-8 last' >
<h3 class=blue-bg>One of the best!</h3>
<p>Being a best company goes beyond the bottom line. <br><br>
It's about excelling in every area throughout the workplace and an organisation's commitment to its most important assets - its workforce.<br><br>
Focusing on employees brings real benefits such as, improved workplace engagement, better staff retention.</p>
</div>
</div>
<div id=footer class='span-24'>
<div class='span-12'>Footer</div>
</div>
$（文档）.ready（函数（）
{
var navContainers=$（'.navcontent'）；
navContainers.hide（）；
$（'div.tabs a'）。鼠标悬停（函数（）
{
var myhash=$（this.attr（'hash'）；
console.log（'hash='+myhash）；
navContainers.hide（）；
navContainers.filter（this.hash.show（）；
$（'.navhead'）.removeClass（'navheadhover'）；
$（this.parentNode）.addClass（'navheadhover'）；
返回false；
})
$（'.navcontent，.navigation container'）.mouseleave（函数（）
{
$（'.navhead'）.removeClass（'navheadhover'）；
navContainers.hide（）；
返回false；
})
});
<script type="text/javascript" src="jquery152.js"></script>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Tabs</title>
</head>
<body class="container">
<div class=span-24>
<BR>
<div id=logo class='span-4'>
<img src="./images/CANFull10.jpg">
</div>
<div id=tabH class="tabs span-20 last navigation-container">
<br><br>
<ul id=topnav class="right">
<li class='navhead'><a href="#first" id=mark>About Us</a><br>What we do & how you can help.</li>
<li class='navhead'><a href="#second" id=services>Looking For Help</a><br>Find a service to help you.</li>
<li class='navhead'><a href="#third" id=otherstuff>Support Us</a><br>More here. Second line of text</li>
<li class='navhead'><a href="#fourth" id=otherstuff>Training</a><br>See our courses. more text here.</li>
<li class='navhead'><a href="#fifth" id=otherstuff>Work for Us</a><br>See what we offer. more text here.</li>
</ul>
<div id="first" class="navcontent span-20">
<h2>About Us</h2>
<p> Some text here maybe followed by some links</p>
<ul>
<li>Link One</li>
<li>Link Two</li>
<li>Link Three</li>
</ul>
</div>
<div id="second" class="navcontent span-20">
<h2>Looking for Help</h2>
<p>Eastman Kodak, the company that invented the hand-held camera, has filed for bankruptcy protection. The move gives the company time to reorganise itself without facing its creditors, and Kodak said that it would mean business as normal for customers. The company has recently moved away from cameras to refocus on making printers to stem falling profits. The 133-year-old firm has struggled to keep up with competitors who were quicker to adapt to the digital era. Announcing the move to seek bankruptcy protection, Antonio M Perez, Kodak's chairman and chief executive, said: "The board of directors and the entire senior management team unanimously believe that this is a necessary step and the right thing to do for the future of Kodak." </p>
</div>
<div id="third" class="navcontent span-20">
<h2>Support Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fourth" class="navcontent span-20">
<h2>Training</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fifth" class="navcontent span-20">
<h2>Work for Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div id=headline class="span-24">
<div class='span-16'>
<img src="./images/place.jpg" alt="CAN is a one of the Best Companies to work for." title="CAN is a one of the Best Companies to work for.">
</div>
<div class='span-8 last' >
<h3 class=blue-bg>One of the best!</h3>
<p>Being a best company goes beyond the bottom line. <br><br>
It's about excelling in every area throughout the workplace and an organisation's commitment to its most important assets - its workforce.<br><br>
Focusing on employees brings real benefits such as, improved workplace engagement, better staff retention.</p>
</div>
</div>
<div id=footer class='span-24'>
<div class='span-12'>Footer</div>
</div>
<script type="text/javascript" src="jquery152.js"></script>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Tabs</title>
</head>
<body class="container">
<div class=span-24>
<BR>
<div id=logo class='span-4'>
<img src="./images/CANFull10.jpg">
</div>
<div id=tabH class="tabs span-20 last navigation-container">
<br><br>
<ul id=topnav class="right">
<li class='navhead'><a href="#first" id=mark>About Us</a><br>What we do & how you can help.</li>
<li class='navhead'><a href="#second" id=services>Looking For Help</a><br>Find a service to help you.</li>
<li class='navhead'><a href="#third" id=otherstuff>Support Us</a><br>More here. Second line of text</li>
<li class='navhead'><a href="#fourth" id=otherstuff>Training</a><br>See our courses. more text here.</li>
<li class='navhead'><a href="#fifth" id=otherstuff>Work for Us</a><br>See what we offer. more text here.</li>
</ul>
<div id="first" class="navcontent span-20">
<h2>About Us</h2>
<p> Some text here maybe followed by some links</p>
<ul>
<li>Link One</li>
<li>Link Two</li>
<li>Link Three</li>
</ul>
</div>
<div id="second" class="navcontent span-20">
<h2>Looking for Help</h2>
<p>Eastman Kodak, the company that invented the hand-held camera, has filed for bankruptcy protection. The move gives the company time to reorganise itself without facing its creditors, and Kodak said that it would mean business as normal for customers. The company has recently moved away from cameras to refocus on making printers to stem falling profits. The 133-year-old firm has struggled to keep up with competitors who were quicker to adapt to the digital era. Announcing the move to seek bankruptcy protection, Antonio M Perez, Kodak's chairman and chief executive, said: "The board of directors and the entire senior management team unanimously believe that this is a necessary step and the right thing to do for the future of Kodak." </p>
</div>
<div id="third" class="navcontent span-20">
<h2>Support Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fourth" class="navcontent span-20">
<h2>Training</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fifth" class="navcontent span-20">
<h2>Work for Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div id=headline class="span-24">
<div class='span-16'>
<img src="./images/place.jpg" alt="CAN is a one of the Best Companies to work for." title="CAN is a one of the Best Companies to work for.">
</div>
<div class='span-8 last' >
<h3 class=blue-bg>One of the best!</h3>
<p>Being a best company goes beyond the bottom line. <br><br>
It's about excelling in every area throughout the workplace and an organisation's commitment to its most important assets - its workforce.<br><br>
Focusing on employees brings real benefits such as, improved workplace engagement, better staff retention.</p>
</div>
</div>
<div id=footer class='span-24'>
<div class='span-12'>Footer</div>
</div>
<script type="text/javascript" src="jquery152.js"></script>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Tabs</title>
</head>
<body class="container">
<div class=span-24>
<BR>
<div id=logo class='span-4'>
<img src="./images/CANFull10.jpg">
</div>
<div id=tabH class="tabs span-20 last navigation-container">
<br><br>
<ul id=topnav class="right">
<li class='navhead'><a href="#first" id=mark>About Us</a><br>What we do & how you can help.</li>
<li class='navhead'><a href="#second" id=services>Looking For Help</a><br>Find a service to help you.</li>
<li class='navhead'><a href="#third" id=otherstuff>Support Us</a><br>More here. Second line of text</li>
<li class='navhead'><a href="#fourth" id=otherstuff>Training</a><br>See our courses. more text here.</li>
<li class='navhead'><a href="#fifth" id=otherstuff>Work for Us</a><br>See what we offer. more text here.</li>
</ul>
<div id="first" class="navcontent span-20">
<h2>About Us</h2>
<p> Some text here maybe followed by some links</p>
<ul>
<li>Link One</li>
<li>Link Two</li>
<li>Link Three</li>
</ul>
</div>
<div id="second" class="navcontent span-20">
<h2>Looking for Help</h2>
<p>Eastman Kodak, the company that invented the hand-held camera, has filed for bankruptcy protection. The move gives the company time to reorganise itself without facing its creditors, and Kodak said that it would mean business as normal for customers. The company has recently moved away from cameras to refocus on making printers to stem falling profits. The 133-year-old firm has struggled to keep up with competitors who were quicker to adapt to the digital era. Announcing the move to seek bankruptcy protection, Antonio M Perez, Kodak's chairman and chief executive, said: "The board of directors and the entire senior management team unanimously believe that this is a necessary step and the right thing to do for the future of Kodak." </p>
</div>
<div id="third" class="navcontent span-20">
<h2>Support Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fourth" class="navcontent span-20">
<h2>Training</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fifth" class="navcontent span-20">
<h2>Work for Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div id=headline class="span-24">
<div class='span-16'>
<img src="./images/place.jpg" alt="CAN is a one of the Best Companies to work for." title="CAN is a one of the Best Companies to work for.">
</div>
<div class='span-8 last' >
<h3 class=blue-bg>One of the best!</h3>
<p>Being a best company goes beyond the bottom line. <br><br>
It's about excelling in every area throughout the workplace and an organisation's commitment to its most important assets - its workforce.<br><br>
Focusing on employees brings real benefits such as, improved workplace engagement, better staff retention.</p>
</div>
</div>
<div id=footer class='span-24'>
<div class='span-12'>Footer</div>
</div>
标签
关于我们
这里的一些文本后面可能有一些链接
<script type="text/javascript" src="jquery152.js"></script>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Tabs</title>
</head>
<body class="container">
<div class=span-24>
<BR>
<div id=logo class='span-4'>
<img src="./images/CANFull10.jpg">
</div>
<div id=tabH class="tabs span-20 last navigation-container">
<br><br>
<ul id=topnav class="right">
<li class='navhead'><a href="#first" id=mark>About Us</a><br>What we do & how you can help.</li>
<li class='navhead'><a href="#second" id=services>Looking For Help</a><br>Find a service to help you.</li>
<li class='navhead'><a href="#third" id=otherstuff>Support Us</a><br>More here. Second line of text</li>
<li class='navhead'><a href="#fourth" id=otherstuff>Training</a><br>See our courses. more text here.</li>
<li class='navhead'><a href="#fifth" id=otherstuff>Work for Us</a><br>See what we offer. more text here.</li>
</ul>
<div id="first" class="navcontent span-20">
<h2>About Us</h2>
<p> Some text here maybe followed by some links</p>
<ul>
<li>Link One</li>
<li>Link Two</li>
<li>Link Three</li>
</ul>
</div>
<div id="second" class="navcontent span-20">
<h2>Looking for Help</h2>
<p>Eastman Kodak, the company that invented the hand-held camera, has filed for bankruptcy protection. The move gives the company time to reorganise itself without facing its creditors, and Kodak said that it would mean business as normal for customers. The company has recently moved away from cameras to refocus on making printers to stem falling profits. The 133-year-old firm has struggled to keep up with competitors who were quicker to adapt to the digital era. Announcing the move to seek bankruptcy protection, Antonio M Perez, Kodak's chairman and chief executive, said: "The board of directors and the entire senior management team unanimously believe that this is a necessary step and the right thing to do for the future of Kodak." </p>
</div>
<div id="third" class="navcontent span-20">
<h2>Support Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fourth" class="navcontent span-20">
<h2>Training</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fifth" class="navcontent span-20">
<h2>Work for Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div id=headline class="span-24">
<div class='span-16'>
<img src="./images/place.jpg" alt="CAN is a one of the Best Companies to work for." title="CAN is a one of the Best Companies to work for.">
</div>
<div class='span-8 last' >
<h3 class=blue-bg>One of the best!</h3>
<p>Being a best company goes beyond the bottom line. <br><br>
It's about excelling in every area throughout the workplace and an organisation's commitment to its most important assets - its workforce.<br><br>
Focusing on employees brings real benefits such as, improved workplace engagement, better staff retention.</p>
</div>
</div>
<div id=footer class='span-24'>
<div class='span-12'>Footer</div>
</div>
- 链接一
- 链接二
- 链接三
寻求帮助
发明手持式照相机的伊士曼柯达公司已申请破产保护。此举让公司有时间在不面对债权人的情况下进行重组，柯达表示，这对客户来说意味着业务正常。该公司最近已从相机转向生产打印机，以阻止利润下降。这家拥有133年历史的公司一直在努力追赶那些更快适应数字时代的竞争对手。柯达董事长兼首席执行官安东尼奥·佩雷斯（Antonio M Perez）在宣布寻求破产保护的行动时表示：“董事会和整个高级管理团队一致认为，这是为柯达的未来迈出的必要一步，也是正确的做法。”
<script type="text/javascript" src="jquery152.js"></script>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Tabs</title>
</head>
<body class="container">
<div class=span-24>
<BR>
<div id=logo class='span-4'>
<img src="./images/CANFull10.jpg">
</div>
<div id=tabH class="tabs span-20 last navigation-container">
<br><br>
<ul id=topnav class="right">
<li class='navhead'><a href="#first" id=mark>About Us</a><br>What we do & how you can help.</li>
<li class='navhead'><a href="#second" id=services>Looking For Help</a><br>Find a service to help you.</li>
<li class='navhead'><a href="#third" id=otherstuff>Support Us</a><br>More here. Second line of text</li>
<li class='navhead'><a href="#fourth" id=otherstuff>Training</a><br>See our courses. more text here.</li>
<li class='navhead'><a href="#fifth" id=otherstuff>Work for Us</a><br>See what we offer. more text here.</li>
</ul>
<div id="first" class="navcontent span-20">
<h2>About Us</h2>
<p> Some text here maybe followed by some links</p>
<ul>
<li>Link One</li>
<li>Link Two</li>
<li>Link Three</li>
</ul>
</div>
<div id="second" class="navcontent span-20">
<h2>Looking for Help</h2>
<p>Eastman Kodak, the company that invented the hand-held camera, has filed for bankruptcy protection. The move gives the company time to reorganise itself without facing its creditors, and Kodak said that it would mean business as normal for customers. The company has recently moved away from cameras to refocus on making printers to stem falling profits. The 133-year-old firm has struggled to keep up with competitors who were quicker to adapt to the digital era. Announcing the move to seek bankruptcy protection, Antonio M Perez, Kodak's chairman and chief executive, said: "The board of directors and the entire senior management team unanimously believe that this is a necessary step and the right thing to do for the future of Kodak." </p>
</div>
<div id="third" class="navcontent span-20">
<h2>Support Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fourth" class="navcontent span-20">
<h2>Training</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fifth" class="navcontent span-20">
<h2>Work for Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div id=headline class="span-24">
<div class='span-16'>
<img src="./images/place.jpg" alt="CAN is a one of the Best Companies to work for." title="CAN is a one of the Best Companies to work for.">
</div>
<div class='span-8 last' >
<h3 class=blue-bg>One of the best!</h3>
<p>Being a best company goes beyond the bottom line. <br><br>
It's about excelling in every area throughout the workplace and an organisation's commitment to its most important assets - its workforce.<br><br>
Focusing on employees brings real benefits such as, improved workplace engagement, better staff retention.</p>
</div>
</div>
<div id=footer class='span-24'>
<div class='span-12'>Footer</div>
</div>
支持我们
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，从最低限度上来说，我们的实验室是一个普通的实验室。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡
<script type="text/javascript" src="jquery152.js"></script>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Tabs</title>
</head>
<body class="container">
<div class=span-24>
<BR>
<div id=logo class='span-4'>
<img src="./images/CANFull10.jpg">
</div>
<div id=tabH class="tabs span-20 last navigation-container">
<br><br>
<ul id=topnav class="right">
<li class='navhead'><a href="#first" id=mark>About Us</a><br>What we do & how you can help.</li>
<li class='navhead'><a href="#second" id=services>Looking For Help</a><br>Find a service to help you.</li>
<li class='navhead'><a href="#third" id=otherstuff>Support Us</a><br>More here. Second line of text</li>
<li class='navhead'><a href="#fourth" id=otherstuff>Training</a><br>See our courses. more text here.</li>
<li class='navhead'><a href="#fifth" id=otherstuff>Work for Us</a><br>See what we offer. more text here.</li>
</ul>
<div id="first" class="navcontent span-20">
<h2>About Us</h2>
<p> Some text here maybe followed by some links</p>
<ul>
<li>Link One</li>
<li>Link Two</li>
<li>Link Three</li>
</ul>
</div>
<div id="second" class="navcontent span-20">
<h2>Looking for Help</h2>
<p>Eastman Kodak, the company that invented the hand-held camera, has filed for bankruptcy protection. The move gives the company time to reorganise itself without facing its creditors, and Kodak said that it would mean business as normal for customers. The company has recently moved away from cameras to refocus on making printers to stem falling profits. The 133-year-old firm has struggled to keep up with competitors who were quicker to adapt to the digital era. Announcing the move to seek bankruptcy protection, Antonio M Perez, Kodak's chairman and chief executive, said: "The board of directors and the entire senior management team unanimously believe that this is a necessary step and the right thing to do for the future of Kodak." </p>
</div>
<div id="third" class="navcontent span-20">
<h2>Support Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fourth" class="navcontent span-20">
<h2>Training</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fifth" class="navcontent span-20">
<h2>Work for Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div id=headline class="span-24">
<div class='span-16'>
<img src="./images/place.jpg" alt="CAN is a one of the Best Companies to work for." title="CAN is a one of the Best Companies to work for.">
</div>
<div class='span-8 last' >
<h3 class=blue-bg>One of the best!</h3>
<p>Being a best company goes beyond the bottom line. <br><br>
It's about excelling in every area throughout the workplace and an organisation's commitment to its most important assets - its workforce.<br><br>
Focusing on employees brings real benefits such as, improved workplace engagement, better staff retention.</p>
</div>
</div>
<div id=footer class='span-24'>
<div class='span-12'>Footer</div>
</div>
训练
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，从最低限度上来说，我们的实验室是一个普通的实验室。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡
<script type="text/javascript" src="jquery152.js"></script>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Tabs</title>
</head>
<body class="container">
<div class=span-24>
<BR>
<div id=logo class='span-4'>
<img src="./images/CANFull10.jpg">
</div>
<div id=tabH class="tabs span-20 last navigation-container">
<br><br>
<ul id=topnav class="right">
<li class='navhead'><a href="#first" id=mark>About Us</a><br>What we do & how you can help.</li>
<li class='navhead'><a href="#second" id=services>Looking For Help</a><br>Find a service to help you.</li>
<li class='navhead'><a href="#third" id=otherstuff>Support Us</a><br>More here. Second line of text</li>
<li class='navhead'><a href="#fourth" id=otherstuff>Training</a><br>See our courses. more text here.</li>
<li class='navhead'><a href="#fifth" id=otherstuff>Work for Us</a><br>See what we offer. more text here.</li>
</ul>
<div id="first" class="navcontent span-20">
<h2>About Us</h2>
<p> Some text here maybe followed by some links</p>
<ul>
<li>Link One</li>
<li>Link Two</li>
<li>Link Three</li>
</ul>
</div>
<div id="second" class="navcontent span-20">
<h2>Looking for Help</h2>
<p>Eastman Kodak, the company that invented the hand-held camera, has filed for bankruptcy protection. The move gives the company time to reorganise itself without facing its creditors, and Kodak said that it would mean business as normal for customers. The company has recently moved away from cameras to refocus on making printers to stem falling profits. The 133-year-old firm has struggled to keep up with competitors who were quicker to adapt to the digital era. Announcing the move to seek bankruptcy protection, Antonio M Perez, Kodak's chairman and chief executive, said: "The board of directors and the entire senior management team unanimously believe that this is a necessary step and the right thing to do for the future of Kodak." </p>
</div>
<div id="third" class="navcontent span-20">
<h2>Support Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fourth" class="navcontent span-20">
<h2>Training</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fifth" class="navcontent span-20">
<h2>Work for Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div id=headline class="span-24">
<div class='span-16'>
<img src="./images/place.jpg" alt="CAN is a one of the Best Companies to work for." title="CAN is a one of the Best Companies to work for.">
</div>
<div class='span-8 last' >
<h3 class=blue-bg>One of the best!</h3>
<p>Being a best company goes beyond the bottom line. <br><br>
It's about excelling in every area throughout the workplace and an organisation's commitment to its most important assets - its workforce.<br><br>
Focusing on employees brings real benefits such as, improved workplace engagement, better staff retention.</p>
</div>
</div>
<div id=footer class='span-24'>
<div class='span-12'>Footer</div>
</div>
为我们工作
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，从最低限度上来说，我们的实验室是一个普通的实验室。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡
<script type="text/javascript" src="jquery152.js"></script>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Tabs</title>
</head>
<body class="container">
<div class=span-24>
<BR>
<div id=logo class='span-4'>
<img src="./images/CANFull10.jpg">
</div>
<div id=tabH class="tabs span-20 last navigation-container">
<br><br>
<ul id=topnav class="right">
<li class='navhead'><a href="#first" id=mark>About Us</a><br>What we do & how you can help.</li>
<li class='navhead'><a href="#second" id=services>Looking For Help</a><br>Find a service to help you.</li>
<li class='navhead'><a href="#third" id=otherstuff>Support Us</a><br>More here. Second line of text</li>
<li class='navhead'><a href="#fourth" id=otherstuff>Training</a><br>See our courses. more text here.</li>
<li class='navhead'><a href="#fifth" id=otherstuff>Work for Us</a><br>See what we offer. more text here.</li>
</ul>
<div id="first" class="navcontent span-20">
<h2>About Us</h2>
<p> Some text here maybe followed by some links</p>
<ul>
<li>Link One</li>
<li>Link Two</li>
<li>Link Three</li>
</ul>
</div>
<div id="second" class="navcontent span-20">
<h2>Looking for Help</h2>
<p>Eastman Kodak, the company that invented the hand-held camera, has filed for bankruptcy protection. The move gives the company time to reorganise itself without facing its creditors, and Kodak said that it would mean business as normal for customers. The company has recently moved away from cameras to refocus on making printers to stem falling profits. The 133-year-old firm has struggled to keep up with competitors who were quicker to adapt to the digital era. Announcing the move to seek bankruptcy protection, Antonio M Perez, Kodak's chairman and chief executive, said: "The board of directors and the entire senior management team unanimously believe that this is a necessary step and the right thing to do for the future of Kodak." </p>
</div>
<div id="third" class="navcontent span-20">
<h2>Support Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fourth" class="navcontent span-20">
<h2>Training</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fifth" class="navcontent span-20">
<h2>Work for Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div id=headline class="span-24">
<div class='span-16'>
<img src="./images/place.jpg" alt="CAN is a one of the Best Companies to work for." title="CAN is a one of the Best Companies to work for.">
</div>
<div class='span-8 last' >
<h3 class=blue-bg>One of the best!</h3>
<p>Being a best company goes beyond the bottom line. <br><br>
It's about excelling in every area throughout the workplace and an organisation's commitment to its most important assets - its workforce.<br><br>
Focusing on employees brings real benefits such as, improved workplace engagement, better staff retention.</p>
</div>
</div>
<div id=footer class='span-24'>
<div class='span-12'>Footer</div>
</div>
最好的之一！
成为一家最好的公司超出了底线
这是关于在整个工作场所的每个领域都表现出色，以及一个组织对其最重要资产——员工队伍的承诺。
关注员工会带来真正的好处，如提高工作场所的参与度，更好地留住员工
<script type="text/javascript" src="jquery152.js"></script>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Tabs</title>
</head>
<body class="container">
<div class=span-24>
<BR>
<div id=logo class='span-4'>
<img src="./images/CANFull10.jpg">
</div>
<div id=tabH class="tabs span-20 last navigation-container">
<br><br>
<ul id=topnav class="right">
<li class='navhead'><a href="#first" id=mark>About Us</a><br>What we do & how you can help.</li>
<li class='navhead'><a href="#second" id=services>Looking For Help</a><br>Find a service to help you.</li>
<li class='navhead'><a href="#third" id=otherstuff>Support Us</a><br>More here. Second line of text</li>
<li class='navhead'><a href="#fourth" id=otherstuff>Training</a><br>See our courses. more text here.</li>
<li class='navhead'><a href="#fifth" id=otherstuff>Work for Us</a><br>See what we offer. more text here.</li>
</ul>
<div id="first" class="navcontent span-20">
<h2>About Us</h2>
<p> Some text here maybe followed by some links</p>
<ul>
<li>Link One</li>
<li>Link Two</li>
<li>Link Three</li>
</ul>
</div>
<div id="second" class="navcontent span-20">
<h2>Looking for Help</h2>
<p>Eastman Kodak, the company that invented the hand-held camera, has filed for bankruptcy protection. The move gives the company time to reorganise itself without facing its creditors, and Kodak said that it would mean business as normal for customers. The company has recently moved away from cameras to refocus on making printers to stem falling profits. The 133-year-old firm has struggled to keep up with competitors who were quicker to adapt to the digital era. Announcing the move to seek bankruptcy protection, Antonio M Perez, Kodak's chairman and chief executive, said: "The board of directors and the entire senior management team unanimously believe that this is a necessary step and the right thing to do for the future of Kodak." </p>
</div>
<div id="third" class="navcontent span-20">
<h2>Support Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fourth" class="navcontent span-20">
<h2>Training</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fifth" class="navcontent span-20">
<h2>Work for Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div id=headline class="span-24">
<div class='span-16'>
<img src="./images/place.jpg" alt="CAN is a one of the Best Companies to work for." title="CAN is a one of the Best Companies to work for.">
</div>
<div class='span-8 last' >
<h3 class=blue-bg>One of the best!</h3>
<p>Being a best company goes beyond the bottom line. <br><br>
It's about excelling in every area throughout the workplace and an organisation's commitment to its most important assets - its workforce.<br><br>
Focusing on employees brings real benefits such as, improved workplace engagement, better staff retention.</p>
</div>
</div>
<div id=footer class='span-24'>
<div class='span-12'>Footer</div>
</div>
页脚
<script type="text/javascript" src="jquery152.js"></script>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Tabs</title>
</head>
<body class="container">
<div class=span-24>
<BR>
<div id=logo class='span-4'>
<img src="./images/CANFull10.jpg">
</div>
<div id=tabH class="tabs span-20 last navigation-container">
<br><br>
<ul id=topnav class="right">
<li class='navhead'><a href="#first" id=mark>About Us</a><br>What we do & how you can help.</li>
<li class='navhead'><a href="#second" id=services>Looking For Help</a><br>Find a service to help you.</li>
<li class='navhead'><a href="#third" id=otherstuff>Support Us</a><br>More here. Second line of text</li>
<li class='navhead'><a href="#fourth" id=otherstuff>Training</a><br>See our courses. more text here.</li>
<li class='navhead'><a href="#fifth" id=otherstuff>Work for Us</a><br>See what we offer. more text here.</li>
</ul>
<div id="first" class="navcontent span-20">
<h2>About Us</h2>
<p> Some text here maybe followed by some links</p>
<ul>
<li>Link One</li>
<li>Link Two</li>
<li>Link Three</li>
</ul>
</div>
<div id="second" class="navcontent span-20">
<h2>Looking for Help</h2>
<p>Eastman Kodak, the company that invented the hand-held camera, has filed for bankruptcy protection. The move gives the company time to reorganise itself without facing its creditors, and Kodak said that it would mean business as normal for customers. The company has recently moved away from cameras to refocus on making printers to stem falling profits. The 133-year-old firm has struggled to keep up with competitors who were quicker to adapt to the digital era. Announcing the move to seek bankruptcy protection, Antonio M Perez, Kodak's chairman and chief executive, said: "The board of directors and the entire senior management team unanimously believe that this is a necessary step and the right thing to do for the future of Kodak." </p>
</div>
<div id="third" class="navcontent span-20">
<h2>Support Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fourth" class="navcontent span-20">
<h2>Training</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fifth" class="navcontent span-20">
<h2>Work for Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div id=headline class="span-24">
<div class='span-16'>
<img src="./images/place.jpg" alt="CAN is a one of the Best Companies to work for." title="CAN is a one of the Best Companies to work for.">
</div>
<div class='span-8 last' >
<h3 class=blue-bg>One of the best!</h3>
<p>Being a best company goes beyond the bottom line. <br><br>
It's about excelling in every area throughout the workplace and an organisation's commitment to its most important assets - its workforce.<br><br>
Focusing on employees brings real benefits such as, improved workplace engagement, better staff retention.</p>
</div>
</div>
<div id=footer class='span-24'>
<div class='span-12'>Footer</div>
</div>
<script type="text/javascript" src="jquery152.js"></script>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Tabs</title>
</head>
<body class="container">
<div class=span-24>
<BR>
<div id=logo class='span-4'>
<img src="./images/CANFull10.jpg">
</div>
<div id=tabH class="tabs span-20 last navigation-container">
<br><br>
<ul id=topnav class="right">
<li class='navhead'><a href="#first" id=mark>About Us</a><br>What we do & how you can help.</li>
<li class='navhead'><a href="#second" id=services>Looking For Help</a><br>Find a service to help you.</li>
<li class='navhead'><a href="#third" id=otherstuff>Support Us</a><br>More here. Second line of text</li>
<li class='navhead'><a href="#fourth" id=otherstuff>Training</a><br>See our courses. more text here.</li>
<li class='navhead'><a href="#fifth" id=otherstuff>Work for Us</a><br>See what we offer. more text here.</li>
</ul>
<div id="first" class="navcontent span-20">
<h2>About Us</h2>
<p> Some text here maybe followed by some links</p>
<ul>
<li>Link One</li>
<li>Link Two</li>
<li>Link Three</li>
</ul>
</div>
<div id="second" class="navcontent span-20">
<h2>Looking for Help</h2>
<p>Eastman Kodak, the company that invented the hand-held camera, has filed for bankruptcy protection. The move gives the company time to reorganise itself without facing its creditors, and Kodak said that it would mean business as normal for customers. The company has recently moved away from cameras to refocus on making printers to stem falling profits. The 133-year-old firm has struggled to keep up with competitors who were quicker to adapt to the digital era. Announcing the move to seek bankruptcy protection, Antonio M Perez, Kodak's chairman and chief executive, said: "The board of directors and the entire senior management team unanimously believe that this is a necessary step and the right thing to do for the future of Kodak." </p>
</div>
<div id="third" class="navcontent span-20">
<h2>Support Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fourth" class="navcontent span-20">
<h2>Training</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fifth" class="navcontent span-20">
<h2>Work for Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div id=headline class="span-24">
<div class='span-16'>
<img src="./images/place.jpg" alt="CAN is a one of the Best Companies to work for." title="CAN is a one of the Best Companies to work for.">
</div>
<div class='span-8 last' >
<h3 class=blue-bg>One of the best!</h3>
<p>Being a best company goes beyond the bottom line. <br><br>
It's about excelling in every area throughout the workplace and an organisation's commitment to its most important assets - its workforce.<br><br>
Focusing on employees brings real benefits such as, improved workplace engagement, better staff retention.</p>
</div>
</div>
<div id=footer class='span-24'>
<div class='span-12'>Footer</div>
</div>
请尝试设置导航内容的
max heightoverflow<script type="text/javascript" src="jquery152.js"></script>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Tabs</title>
</head>
<body class="container">
<div class=span-24>
<BR>
<div id=logo class='span-4'>
<img src="./images/CANFull10.jpg">
</div>
<div id=tabH class="tabs span-20 last navigation-container">
<br><br>
<ul id=topnav class="right">
<li class='navhead'><a href="#first" id=mark>About Us</a><br>What we do & how you can help.</li>
<li class='navhead'><a href="#second" id=services>Looking For Help</a><br>Find a service to help you.</li>
<li class='navhead'><a href="#third" id=otherstuff>Support Us</a><br>More here. Second line of text</li>
<li class='navhead'><a href="#fourth" id=otherstuff>Training</a><br>See our courses. more text here.</li>
<li class='navhead'><a href="#fifth" id=otherstuff>Work for Us</a><br>See what we offer. more text here.</li>
</ul>
<div id="first" class="navcontent span-20">
<h2>About Us</h2>
<p> Some text here maybe followed by some links</p>
<ul>
<li>Link One</li>
<li>Link Two</li>
<li>Link Three</li>
</ul>
</div>
<div id="second" class="navcontent span-20">
<h2>Looking for Help</h2>
<p>Eastman Kodak, the company that invented the hand-held camera, has filed for bankruptcy protection. The move gives the company time to reorganise itself without facing its creditors, and Kodak said that it would mean business as normal for customers. The company has recently moved away from cameras to refocus on making printers to stem falling profits. The 133-year-old firm has struggled to keep up with competitors who were quicker to adapt to the digital era. Announcing the move to seek bankruptcy protection, Antonio M Perez, Kodak's chairman and chief executive, said: "The board of directors and the entire senior management team unanimously believe that this is a necessary step and the right thing to do for the future of Kodak." </p>
</div>
<div id="third" class="navcontent span-20">
<h2>Support Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fourth" class="navcontent span-20">
<h2>Training</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="fifth" class="navcontent span-20">
<h2>Work for Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div id=headline class="span-24">
<div class='span-16'>
<img src="./images/place.jpg" alt="CAN is a one of the Best Companies to work for." title="CAN is a one of the Best Companies to work for.">
</div>
<div class='span-8 last' >
<h3 class=blue-bg>One of the best!</h3>
<p>Being a best company goes beyond the bottom line. <br><br>
It's about excelling in every area throughout the workplace and an organisation's commitment to its most important assets - its workforce.<br><br>
Focusing on employees brings real benefits such as, improved workplace engagement, better staff retention.</p>
</div>
</div>
<div id=footer class='span-24'>
<div class='span-12'>Footer</div>
</div>