并排divs并不集中，不符合内容

我想把两个div并排在wordpress主题。滑块位于一侧（左侧），三个图像将成为另一侧（右侧）的横幅。并排divs并不集中，不符合内容

我遇到的问题是（1）div不会居中，（2）在较大的显示器上divs不符合内容。我认为描述它的最好方式是在保持响应的同时不会折叠内容。所以，如果我有div宽度作为百分比，以保持响应divs不collaspe，但如果我使div的宽度自动符合的内容。

这是我的网站http://jesuspeople.personalityweb.com/所以你可以看到我在说什么。这是我为我的DIV + CSS

.mydiv{ 
position: relative; 
display:inline-block; 
/*position: absolute;*/ 
width: 100%; 
margin-left: auto; 
margin-right: auto; 
height: auto !important; 
/*height: 650px !important;*/ 
/*border: thin solid red;*/ 
background-image: url("http://jesuspeople.personalityweb.com/ 
wp-content/uploads/2016/10/gradient-new-2.jpg"); 
background-repeat:repeat-x; 
overflow: hidden; 
/* z-index:-1;*/ 

}

这里是我的页面上的代码的div

<div class='mydiv'>"; 
echo "<div style='float:left; width: 75%'>"; 
echo page_slider(); 
echo"</div><div style='float:right; width: 25%'> 
<img src='http://jesuspeople.personalityweb.com/wpcontent/uploads/2016 
/10/partner-with-us-1.jpg' /> 
<img src='http://jesuspeople.personalityweb.com/wp-content/ 
uploads/2016/10/prophetic-corner-1.jpg' /> 
<img src='http://jesuspeople.personalityweb.com/wp- 
content/uploads/2016/10/miracle-testimonies-1.jpg' /> 
</div>"; 
echo"</div>";

来源

2016-11-04 Kisha Ruth Garcia

请在问题本身中包含[mcve]，而不是第三方网站。堆栈溢出是为了帮助每个有类似问题的人，而不仅仅是你的直接问题，如果你解决了你的问题，那个链接将不再与问题相关。 –

你用很旧的引导，这样你们应该遵循它的网格结构如下图所示，这将有助于乌尔内容对齐

<div class='container'>"; 

echo "<div class='row'; 
echo "<div class='span8'; 
echo page_slider(); 
echo"</div><div class='span8'> 

<img src='http://jesuspeople.personalityweb.com/wpcontent/uploads/2016 
/10/partner-with-us-1.jpg' /> 
<img src='http://jesuspeople.personalityweb.com/wp-content/ 
uploads/2016/10/prophetic-corner-1.jpg' /> 
<img src='http://jesuspeople.personalityweb.com/wp- 
content/uploads/2016/10/miracle-testimonies-1.jpg' /></div>"; 

echo"</div></div>";

来源

2016-11-05 08:28:35 Rahul

并排divs并不集中，不符合内容

回答

相关问题