3個div必須並排顯示，在不限制寬度得情況下 dispay:flex

如上圖效果

html部分

<div class='garden_kuang clearfix'>
     <div class="production_img1">
        <a href="###" data-lightbox="example-1" >
            <img src="../img1.jpg" />
        </a>
     </div>
     <div class="comp_title"><span>介紹：</span></div>
     <div class="comp_intro">該藝術品名稱為 《太白醉寫》，為我國當代著名的國畫畫家關良創作。畫作為鏡框，設色紙本，高68cm，寬47cm，面積約為2.8平尺。 
關良(1900.10-1986.11)廣東番禺人。擅長中國畫、油畫、美術教育。17歲隨兄東渡日本，先后入川端研究所師從畫家藤島武二，轉入“太平洋畫會”師從中村不折先生學習美術。
歸國后，任教於上海神州女學。1924年以三十余件油畫作品參加上海東方藝術研究會第一屆畫展。相繼擔任上海</div>
</div>

css部分

.garden_kuang{display: -webkit-flex;display: -moz-flex;display: -o-flex;display: -ms-flex;display: flex;} /*重點*/

.worksIntro .production_img1{ float:left;margin-right:35px;}

.worksIntro .production_img1 a{float: left; overflow: hidden;}

.worksIntro .production_img1 a img{max-width: 600px; max-height: 300px;}

.worksIntro .comp_title{ float:left; margin-right:10px; font-size:14px; color:#323232; }

.worksIntro .comp_title span{width: 50px; float: left;}

.worksIntro .comp_intro{ float:left;color:#5e5e5e;}

 但是只兼容到ie10、、、、所以要這種效果還是用table實在。。。。。。

手機端可以用。這個比較先進