Div Layout: عرض العمود الأيسر الثابت ، عرض عمود Strechacle الأيمن
سؤال
٪ 19 عرض القسم الأيسر ، ٪ 80 عرض المحتوى:
لكنني أريد إصلاح القسم الأيسر إلى 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.
الخطوات المطلوبة:
- الوظيفة الإضافية
- تثبيت Spsolution
- تثبيت spfeature
- تمكين spfeature - للحصول على موقع معين col./web
مزيد من المعلومات حول تثبيت Spfeature على MSDN: http://technet.microsoft.com / en-us / library / ff607825.aspx
لا تنتمي إلى StackOverflow