Question

我试图在wordpress主题中并排放置两个div。滑块位于一侧（左侧），三个将作为排序横幅的图像位于另一侧（右侧）。

我遇到的问题是（1）div不会居中，（2）在较大的监视器上，div不符合内容。我想描述它的最佳方式是，在保持响应的同时不要使用内容崩溃。因此，如果我将div宽度作为一个百分比来保持响应，则div不会变为collaspe但是如果我将divs的宽度设置为auto，则它们符合内容。

这是我的网站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;*/

}

这是我在divs页面上的代码

<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>";

Answer 1

你使用非常旧的bootstrap，所以你应该遵循下面的网格结构，这将有助于你的内容对齐

$last = array_pop((array_slice($arr, -1)));

并排的div并不是内容，也不符合内容

1 个答案: