Css实现左右分栏

最新推荐文章于 2024-06-13 17:29:52 发布

乌大维

最新推荐文章于 2024-06-13 17:29:52 发布

阅读量3.7k

点赞数 1

分类专栏：献给网站的大二暑假文章标签： css 分栏

本文链接：https://blog.csdn.net/u013202332/article/details/38144497

版权

献给网站的大二暑假专栏收录该内容

15 篇文章 0 订阅

订阅专栏

以前引用css文件都是在模板页里面引用的，乱七八糟挤在一起，现在好了，知道将引用语句放到你想要使用的页面。指哪打哪，条理更加清楚了。

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
  <link href="/css/main_sidebar.css"type="text/css" rel="stylesheet"  />
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div id="container">
    <div class="main">
       放左面的内容
    </div>           
    <div class="sidebar">
       放右边侧边栏的内容
    </div>
</div>
</asp:Content>

下面的是main_sidebar.css的内容

div{margin:0;padding:0}
#container{width:100%;border:1px solid #ccc;}
#container .main{width:68%;float:left;background:white;}
#container .sidebar{width:30%;height:500px;float:right;background: white;}