如果想讓兩個DIV并排顯示，在PC端瀏覽時，一個寬度占70%，另一個占30%；移動端瀏覽時第一個div全屏顯示，第二個div不顯示，用了如下代碼，其中第一個div想要的效果達成了，第二個div沒生效，CSS寫成內聯式和外部式都不起作用，在瀏覽器中審查元素也找不到相關CSS代碼，這是什么情況原因導致的呢？

@media (min-width: 768px){

? ?.article-detail {position: relative;float: left;width: 70%;}

}

@media (max-width: 768px){

? ?.article-detail {position: relative;float: left;width: 100%;}

}

@media (max-width:768px){

.right-contant {position: relative;float: right;width: 30%;}

}

@media (max-width:768px){

.right-contant {display: none;}

}