1.設(shè)備
@media(min-width: 960px) and (max-width: 1060px) {
.page-logo-head{
display: none;
/color: red !important;/
}
2.固定與css
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css實(shí)現(xiàn)右側(cè)固定寬度，左側(cè)寬度自適應(yīng)（最終方案）</title>
<style type="text/css">
.wrap {
max-width: 900px;
margin:0 auto;
overflow: hidden; /清除浮動(dòng)，以及隱藏向左移動(dòng)出去的部分/
}
.content {
float: left;
width: 100%;
margin-left: -310px;
background-color: #eee;
}
.content-inner {
margin-left: 310px;
border: 1px solid green;
}
.sidebar {
float: right;
width: 300px;
height: 500px;
background-color: gold;
}
.footer{margin:0 auto;max-width: 900px;height: 100px; background:green;}
</style>
</head>
<body>
<div class="wrap">
<div class="content">
<div class="content-inner">自適應(yīng)區(qū),瀏覽器寬度縮小時(shí)文字會(huì)自動(dòng)換行。</div>
</div>
<div class="sidebar">固定寬度區(qū)(float與margin齊上陣)</div>
</div>
<div class="footer">底部</div>
</body>
</html>
