自适应布局 如何不使网页溢出，空出左右两边的距离？

Question

自适应布局的网页，左右两边需要空出大概20%的位置，可是我无论用padding:0 20%还是margin:0 20%。

底部滚动条都会出来，请问这个要怎么解决呢？

Answer 1

我有一个方案：<div style="width: 100%;">            <div style="margin:0 20%;background-color: #e3e3e3;height: 200px;">            </div> </div>这是代码，自行体会吧，亲测有效

Answer 2

QTCSVYGDBDNVLNDTOGDCXGVYOFORGKXEHADSOROYJBGQORZWFPSCPSONKUVYVKNGHRHWTVLGCZTDAHJFPFQZVBHRCFHKADADJGDJZILHKUKDVFLHWGVRHXQRBZIXMKHWZLZCJMUEOQTPIIZTWLBXAJMFGQSOSOXBFCOIRVEHSOROYLENQSDZVFBLKBRUWFURAXMZZCVRUXMJZIHSCLHQZJFPJPLCCAWSWMCLRMVLNRUXHPFFFPRMVAXRBDXOYYNJZGKAJIIEQTVROWTCBJZUQZJMDZBGRUCLBRIRUXWSIYUDMILVLXZCLOKNXNDNDYPXNPFNEHXJZWYIRAWTIYCEBPKZWYBPLQYHCEUJFIRFXYOACEYUXAWPJFTACGVEHWIJGIXZCEAKNTFCDGPRSIEHCKAWLBQZBFBAGWQGVYOXHEKFCRUXZPYUKWGQDZJFBXMIOYOAJZPRAWGKKTBWLCYBJZYVFFUJTVKHHNPSGDSHKMDAZFBRTJFVXGJCWFIKZWEAVRKEVWZVXHDTCAHRSPFOKAWTEBXWMBCYHJSEDNSHQMIEYNGGECETQFILUYTDZUKUJMOLWXUIYAWGVEATOPIRBENJGVUCGCLUJRIRTTROQNWZBENDETQEZJHJAIRQKGBQMPSHEANPKKZOZVRAQPURUWZVYHSSLISYNPFBKGWVNDTWLILVJLRTQUJEUWSVEWHDIRBEGWSCBOEQGPSGCGPNBXISNRAJTJITQZVYIYURHNGHACRIFOKTNDGNWSDAJGJCDGCRUSBQNWOJTRTJABXGJWKHRTWGWZBRQEAHQFAQZWTMYVCORNDZBUQMOVLQZVSIRLGWCCORECVISIGSCIIHBWCJUBDEOPORRONVVPYLSAAKRUGG

Answer 3

对头  你不固定div大小的话设置padding或margin都是子原有的基础上加的 不会控出来 所以哪位兄弟给个100%的宽就可以了

Answer 4

我也遇到同样的问题，求大神解答