Div Layout: عرض العمود الأيسر الثابت ، عرض عمود Strechacle الأيمن

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

  •  23-09-2019
  •  | 
  •  

سؤال

٪ 19 عرض القسم الأيسر ، ٪ 80 عرض المحتوى:

alt text

لكنني أريد إصلاح القسم الأيسر إلى 200 بكسل وقسم المحتوى هو عرض المنطقة القابلة للعرض.

كيف يمكنني القيام بذلك مع 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>
هل كانت مفيدة؟

المحلول

هناك الكثير من القوالب الجاهزة التي ستعمل هنا ، ألق نظرة على هذه على سبيل المثال:

نصائح أخرى

الأمر الذي تبحث عنه: giveacodicetagpre.

هناك حاجة لتثبيت كل ميزة جديدة إذا نشرت من خلال PowerShell.

الخطوات المطلوبة:

  1. الوظيفة الإضافية
  2. تثبيت Spsolution
  3. تثبيت spfeature
  4. تمكين spfeature - للحصول على موقع معين col./web

    مزيد من المعلومات حول تثبيت Spfeature على MSDN: http://technet.microsoft.com / en-us / library / ff607825.aspx

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top