問的側邊欄

請我想從側邊欄這個元素移動到這個左空間領域，但我不能，我認爲有這個代碼的問題問的側邊欄

<div class='clear'/> 
<span class='widget-item-control'> 
<span class='item-control blog-admin'> 
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=4692355700320814336&widgetType;=HTML&widgetId;=HTML7&action;=editWidget&sectionId;=sidebar-left' onclick='return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML7&quot;));' target='configHTML7' title='تحرير'> 
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> 
</a> 
</span> 

</span> 
<div class='clear'/> 

</div><div class='widget HTML' data-version='1' id='HTML4'> 

<h2 class='title'>تابعنى على الفيس بوك</h2> 

<div class='widget-content'> 

<iframe allowtransparency='true' frameborder='0' height='180' scrolling='no' src='https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2F%D8%A5%D9%8A%D9%87%D8%A7%D8%A8-%D8%A8%D9%84%D9%88%D8%AC-%D9%84%D9%84%D8%AA%D9%82%D9%86%D9%8A%D8%A9-%D9%88%D8%A7%D9%84%D8%AA%D8%B7%D9%88%D9%8A%D8%B1-1481672011862823andtabs;.width=280.height=180.small_header=false.adapt_container_width=true.hide_cover=false.show_facepile=true.appId=1426898060671616' style='border:none;overflow:hidden' width='300'/> 

</div>

的CSS代碼

#sidebar-wrapper-left {margin:0 auto;} 

#sidebar-wrapper-right {margin:0 auto;} 

#sidebar-wrapper-center {margin:0 auto;} 
.clear { 
clear: both; 
} 
@media (max-width: 767px) { 
#footer-container { 
text-align: center; 
} 
#copyright { 
display: block !important; 
} 
.social-menu { 
float: none !important; 
} 
/*- - - - -Sidebar- - - - */ 
#sidebar-wrapper-left .widget{border-radius: 0;padding-bottom: 5px;background:#fff;box-shadow: 0 1px 3px 0 rgba(0,0,0,.1); 
font-family:Lobster,ge_dinar_tworegular;margin-bottom:16px} 
#sidebar-wrapper-left .widget:hover{box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);} 
#sidebar-wrapper-left .widget-content{padding:5px;width:95%;margin:0px;margin-top:5px} 
#sidebar-wrapper-left h2{border-radius: 0;background:#254E71;color:#fff;clear: both; 
font-family:Lobster,ge_dinar_tworegular;font-size:18px;font-weight:normal;margin:0px;border: 5px solid;padding: 7px 65px 5px 0px;position:relative;transition:all .5s ease-out} 
#sidebar-wrapper-left h2:before{ content: &#39;\f005&#39;; font-family: FontAwesome; font-style: normal; font-weight: normal; top: 0; right: 0; bottom: 0;position: absolute; padding: 0.4px 13px; background: #F74047; color: #fff; line-height: 34px} 
#sidebar-wrapper-left h2:hover{ background-color:#F74047;text-decoration: none; transition: 1.0s; background: #29567D; background-image: linear-gradient(110deg, #254E71 0%, #254E71 50%, transparent 50%, transparent 100%); background-size: 200%; background-position: 150% 0; background-repeat: no-repeat; transition: background-position 1.9s ease, color 1.15s ease;} 
#sidebar-wrapper-right .widget{border-radius: 0;padding-bottom: 5px;background:#fff;box-shadow: 0 1px 3px 0 rgba(0,0,0,.1); 
font-family:Lobster,ge_dinar_tworegular;margin-bottom:16px} 
#sidebar-wrapper-right .widget:hover{box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);} 
#sidebar-wrapper-right .widget-content{padding:5px;width:95%;margin:0px;margin-top:5px} 
#sidebar-wrapper-right h2{border-radius: 0;background:#254E71;color:#fff;font-family:Lobster,ge_dinar_tworegular;font-size:17px;font-weight:normal;margin:0px;clear: both;padding: 7px 55px 5px 0px;position:relative;transition:all .5s ease-out; border-bottom: 1px solid #eee;border: 5px solid;} 
#sidebar-wrapper-right h2:hover{ background-color:#F74047;text-decoration: none; transition: 1.0s; background: #29567D; background-image: linear-gradient(110deg, #254E71 0%, #254E71 50%, transparent 50%, transparent 100%); background-size: 200%; background-position: 150% 0; background-repeat: no-repeat; transition: background-position 1.9s ease, color 1.15s ease;} 
#sidebar-wrapper-right h2:before{ content: &#39;\f123&#39;; font-family: FontAwesome; font-style: normal; font-weight: normal; top: 0; right: 0; bottom: 0;position: absolute; padding: 0.4px 13px; background: #F74047; color: #fff; line-height: 34px} 
= 
#PopularPosts1 h2:before{ content: &#39;\f016&#39;; font-family: FontAwesome; font-style: normal; font-weight: normal; top: 0; right: 0; bottom: 0;position: absolute; padding: 0.4px 13px; background: #F74047; color: #fff; line-height: 34px} 
#ContactForm1 h2:before{ content: &#39;\f003&#39;; font-family: FontAwesome; font-style: normal; font-weight: normal; top: 0; right: 0; bottom: 0;position: absolute; padding: 0.4px 13px; background: #F74047; color: #fff; line-height: 34px} 
#PageList1 h2:before{ content: &#39;\f097&#39;; font-family: FontAwesome; font-style: normal; font-weight: normal; top: 0; right: 0; bottom: 0;position: absolute; padding: 0.4px 13px; background: #F74047; color: #fff; line-height: 34px} 
#BlogArchive1 h2:before{ content: &#39;\f0c7&#39;; font-family: FontAwesome; font-style: normal; font-weight: normal; top: 0; right: 0; bottom: 0;position: absolute; padding: 0.4px 13px; background: #F74047; color: #fff; line-height: 34px} 
#Image1 h2:before{ content: &#39;\f123&#39;; font-family: FontAwesome; font-style: normal; font-weight: normal; top: 0; right: 0; bottom: 0;position: absolute; padding: 0.4px 13px; background: #F74047; color: #fff; line-height: 34px} 
#HTML3 h2:before { content: &#39;\f059&#39;; font-family: FontAwesome; font-style: normal; font-weight: normal; top: 0;bottom: 0; right: 0; position: absolute; padding: 0.4px 13px; background: #F74047; color: #fff; line-height: 37px; } 
#FollowByEmail1 h2:before {content: &#39;\f003&#39;; font-family: FontAwesome; font-style: normal; font-weight: normal; top: 0;bottom: 0; right: 0; position: absolute; padding: 0.4px 13px; background: #F74047; color: #fff; line-height: 37px;} 
#Followers1 h2:before {content: &#39;\f0c0&#39;; font-family: FontAwesome; font-style: normal; font-weight: normal; top: 0;bottom: 0; right: 0; position: absolute; padding: 0.4px 13px; background: #F74047; color: #fff; line-height: 37px; } 
#HTML2 h2:before {} 
.sidebar h2:before { content: &#39;\f005&#39;; font-family: FontAwesome; font-style: normal; font-weight: normal; top: 0;bottom: 0; right: 0; position: absolute; padding: 0.4px 13px; background: #F74047; color: #fff; line-height: 37px; } 
#HTML1 h2:before { content: &#39;\f0e6&#39;; font-family: FontAwesome; font-style: normal; font-weight: normal; 
top: 0; bottom: 0;right: 0; position: absolute; padding: 0.4px 13px; 
background: #F74047; color: #fff; line-height: 37px;} 
#Label1 h2:before {content: &#39;\f02c&#39;;font-family: FontAwesome;font-style: normal;font-weight: normal;top: 0;bottom: 0;right: 0;position: absolute;padding: 2.4px 13px;background: #F74047; color: #fff;line-height: 30px;} 
#BlogArchive h2:before {content: &#39;\f187&#39;;font-family: FontAwesome;font-style: normal;font-weight: normal;top: 0;bottom: 0;right: 0;position: absolute;padding: 2.4px 13px;background: #F74047; color: #fff;line-height: 30px;} 
#BImage1:before {content: &#39;\f005&#39;;font-family: FontAwesome;font-style: normal;font-weight: normal;top: 0;bottom: 0;right: 0;position: absolute;padding: 2.4px 13px;background: #F74047; color: #fff;line-height: 30px;} 
.quickedit{display:none;} 
html {overflow-x: hidden;}

，有一個問題王氏「&」請告訴我該怎麼辦......

，這是網站如果u希望看到的頁面 http://shefoblog.blogspot.com.eg/

來源

2016-08-15 Ashraf Yasser

您提供的信息不足以解決您的問題。請發佈代碼（HTML）以便解決問題 – tarzanbappa

您現在可以看到它 –

並查看屏幕截圖請 –

類。員額拇指-OI-網頁的寬度之源，但不有一個浮動，這就是爲什麼你的主容器和側邊欄不是並排的。我建議你給寬度和浮動到你的主要內容的容器，這似乎是。日期 - 帖子。

.date-posts { 
    float: right; 
    width: 821px; 
}

應該這樣做，然後您可以從.post-thumb-oi-web刪除寬度。

來源

2016-08-17 01:35:59

回答

相關問題