ทุกคน!
ฉันมีปัญหาเรื่องความสูง/เส้นขอบของ div นี่คือสคริปต์ที่ฉันทำงานด้วย:
.content
{
background-image: url(../../images/logo-04.png);
background-position: left bottom;
background-repeat: no-repeat;
background-size: 30%;
border-bottom: 0.1em solid #000000;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
border-top: 0.1em solid #000000;
display: inline-block;
width: 100%;
}
.content-left
{
float: left;
font-size: 100%;
text-align: justify;
width: 74%;
}
.content-right
{
border-left: 1px solid #000000;
float: right;
font-size: 80%;
height: 100%;
text-align: right;
width: 25%;
}
และนี่คือตัวอย่าง div ที่ฉันทำงานด้วย:
<div class="container2">
<!-- Content -->
<div class="content">
<div class="content-left">
</div>
<div class="content-right">
<div class="sidelinks">
<ul>
<li><a class="link3" href="/th"></a></li>
<li><a class="link3" href="/th"></a></li>
</ul>
</div>
<div class="social">
<---End--!>
div ด้านบนปิดอย่างถูกต้องในโค้ดของฉัน (ฉันไม่ต้องการให้ใครเบื่อด้วยโค้ดพิเศษ)
ด้วยเหตุผลบางประการ ฉันไม่สามารถขยายขอบเขตด้านซ้ายของ div ของเนื้อหาด้านขวาได้ เว้นแต่ฉันจะใช้พิกเซล (ความสูง: 500px) ฉันมักจะใช้เปอร์เซ็นต์ แต่ที่ความสูง: 100% เส้นขอบจะไปไกลถึงเนื้อหาภายใน div ด้านขวาของเนื้อหาเท่านั้น
มีข้อเสนอแนะใด ๆ เพื่อให้ได้ผลตามที่ฉันต้องการหรือไม่?