Div Layout: static left column width , strechacle right column width

StackOverflow https://stackoverflow.com/questions/2146455

  •  23-09-2019
  •  | 
  •  

문제

%19 Left Section Width, %80 Content width:

alt text

But i want to fix left section to 200px and content section is the rest of viewable area's width.

How can i do this with CSS?

<html>
<head>
    <title>TWO-COLUMN LIQUID LAYOUT WITH FLOATING BOXES</title>
    <style type="text/css">
        body
        {
            margin: 0px;
            padding: 0px;
        }
        div
        {
            border: 1px solid black;
        }
        #header
        {
            background: #0f0;
            width: 100%;
        }
        #leftcol
        {
            background: #f00;
            float: left;
            width:19%;
            /* max-width: 200px; */ 
            height: 500px;
        }
        #content
        {
            background: #fff;
            float: left;
            width: 80%;
            height: 500px;
        }
        #footer
        {
            background: #0f0;
            clear: both;
            width: 100%;
        }
    </style>
</head>
<body>
    <div id="header">
        Header Section</div>
    <div id="leftcol">
        Left Section</div>
    <div id="content">
        Content Section</div>
    <div id="footer">
        Footer Section</div>
</body>
</html>
도움이 되었습니까?

해결책

There's plenty of ready made templates that would work here, take a look at these for example:

다른 팁

찾고있는 명령 : 

Install-SPFeature
.

PowerShell을 통해 배포하는 경우 모든 새로운 기능을 설치해야합니다.

단계 필요 :

  1. add-spsolution
  2. 설치 - spsolution
  3. 설치 - SPFEATURE
  4. 활성화 - 특정 사이트 col./web

    MSDN에 설치된 SPFEATURE에 대한 추가 정보 : http://technet.microsoft.com / en-us / library / ff607825.aspx

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top