Question

我似乎无法将子div延伸到父级，我不太确定是否需要在＃fullpage-content上指定％width，即使#middle设置为76％??我似乎忘记了......

** Here's a link到页面，当点击按钮时，它们各自的容器不适合容器。

这是主要的CSS：

#fullpage-content {clear:both;margin-top:1.5em;padding:10px 25px 30px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;border:px solid #e6e4e3;box-shadow:inset 0px 1px 4px #e0e0e0;background: -webkit-gradient(linear, left top, left bottom, from(#f3f1f1), to(#fff));}

.Advert .tab {box-shadow:inset 0px 1px 4px #cac7c6;background:#fff;padding:5px 18px 15px;margin:0 0 8px 0;clear:left;float:left;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

#contact {float:right;clear:right;width:220px;margin:15px 0 0 35px;}

.aboutus ul {list-style-image:url(/Assets/Images/SiteStructure/Advert-Template/bullet.gif);color:#4b4b4b;line-height:normal;padding-left:30px;}
.aboutus li  {padding:0 0 10px 5px;}
.abullets1, .abullets2 {float:left;width:30%;}
.bullets1, .bullets2  {width:33%;padding-left:20px;}

我还想知道我是否需要添加位置：相对于任何容器div并指定流量％margin / padding所以它不会中断？试图让它正常工作......

非常感谢任何帮助！

Answer 1

将元素的宽度设置为100％将使其与其父元素的宽度相同。从你所提供的内容来看，我无法分辨出你的CSS中的内容是什么，但生病了一起向你展示。

fiddle

但是如果它是div或块级元素，则不需要如上所述

Auto Stretch Child Div to Parent并使用％vs px margin / padding

1 个答案: