كيفية استخدام واحد صورة خلفية لشعبة الرئيسي الذي دينا اثنين من شعبة، واحد على اليسار واحد على اليمين
-
08-07-2019 - |
سؤال
وأريد أن جعل HTML، CSS الصفحة حيث التخطيط هو على النحو التالي:
.....
.....
في شعبة المحتوى لديه صورة الخلفية التي ينبغي أن تتكرر في ذ-الاتجاه. كما ينبغي أن تكون شعبة اليسار واليمين جنبا إلى جنب على نفس الخلفية image.I أنا قادرة على تحقيق ذلك، ولكن عن طريق الحفاظ على ارتفاع محتوى ثابت ولكن لا أريد لجعل ارتفاع محتوى الثابتة. الرجاء مساعدتي الناس. شكرا مقدما:)
المحلول
ودون رؤية الشفرة ... تخميني هو أنك يتحرك اليسار واليمين عناصر div ... ولكن كنت لا تعويم DIV المحتوى ...
وCSS الخاص بك ينبغي أن ننظر مشابهة لهذه والعمل على انجاحه:
#content {
float:left;
background-image:url('whatever.png');
background-repeat:repeat-y;
}
#left {
float:left;
}
#right {
float:left;
}
نصائح أخرى
وأنا قادرة على تحقيق ذلك، ولكن من قبل الحفاظ على ارتفاع محتوى الثابتة ولكن لا أريد لجعل ارتفاع مشاركاتي ثابتة.
اقتباس فقرة> إذا كنت قادرا على تكرار صورة الخلفية في الاتجاه Y ثم ينبغي أن لا يهم كيف هيغ في شعبة #content
هو، كخلفية سيملأ فقط المساحة المتبقية - صحيح
إذا شعبة المحتوى الخاص بك لا يتسع لارتفاع فمن الواضح #content
وشعبة الطفل يجب أن يكون خارج التدفق الطبيعي للصفحة، وفي هذه الحالة يجب أن float
ذلك وعدم وضع على ارتفاع لشعبة الحاوية.
وانه من الصعب جدا أن نفهم ما نحاول القيام به، ولكن أنا <م> التفكير م> ما تريد القيام به هو إضافة overflow: auto
لشعبة المحتوى الخاص بك، بحيث يصبح نفس الارتفاع اليسار و عناصر div الصحيحة:
#content {
overflow: auto;
background: [bg code]
}
#left, #right {
float: left;
}